@charset "utf-8";


/*public*/
.color_ea1{ color: #ea1b1b; }
.coloe_348{ color: #3488ea; }
.color_cfc{ color: #cfcfcf; }
.color_888{ color: #888; }
.color_bbb{ color: #bbb; }
.color_83c{ color: #83cc27; }
.color_ff6{ color: #ff6136; }
.color_6d7{ color: #6d7989; }
.color_87b{ color: #87bdfc; }
.color_fff{ color: #fff; }
.color_00c{ color: #00c0ff; }


.bgc_f4f{ background-color: #f4f4f4; }
.bgc_bbb{ background-color: #bbb; }
.bgc_f8f{ background-color: #f8f8f8; }

.bdb_1_eee{ border-bottom: 1px solid #eee; }
.bdb_2_348{border-bottom: 2px solid #3488ea;}
.bdb_2_e62{ border-bottom: 2px solid #e62b00; }
.bd_f0f{ border: 1px solid #f0f0f0; }
.bgc_fafa{ background-color: #fafafa; }

/*button*/
.u_btn{ display: inline-block; text-align: center; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; }
.span_btn{display: inline-block; text-align: center; -moz-border-radius: 5px; border-radius: 5px;}
.btn_70_348,.btn_70_default{ min-width: 50px; height: 30px; line-height: 30px; padding: 0 10px; background-color: #3488ea; color: #fff; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; }
.btn_70_348{ padding: 0px; width: 80px; text-align: center; }
a.btn_70_348:hover{ color: #fff !important; background-color: #135eb5; }
.btn_70_default{ background-color: #aaa; }
.btn_48_30{ width: 48px; height: 30px; line-height: 30px; background-color: #fff; -moz-border-radius: 0; border-radius: 0; }
.btn_120_348{ min-width: 100px; height: 40px; line-height: 40px; padding: 0 10px; background-color: #3488ea; color: #fff; font-size: 16px; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s;  }
.btn_120_348:hover{ color: #fff; background-color: #135eb5; }
.btn_70_f0f{ min-width: 48px; width: 78px; text-align: center; height: 28px; line-height: 28px; text-align: center; border: 1px solid #ddd; background-color: #f0f0f0; color: #666; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; }
.btn_70_f0f:hover{ background-color: #ddd; color: #fff; }
.btn_70_ea1{ min-width: 48px; padding: 0 10px; height: 28px; line-height: 28px; text-align: center; border: 1px solid #ddd; background-color: #f0f0f0; color: #3488ea; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; }
.btn_70_ea1:hover{ background-color: #3488ea; color: #fff; border-color: #3488ea; }
.btn_70_bd{ min-width: 48px; padding: 0 10px; height: 28px; line-height: 28px; border: 1px solid #3488ea; color: #3488ea; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; }
.btn_70_bd:hover{ background-color: #3488ea; color: #fff; }
.btn_70_999{ min-width: 48px; padding: 0 10px; height: 28px; line-height: 28px; border: 1px solid #999; color: #999; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; }
.btn_70_999:hover{ border-color: #3488ea; color: #3488ea; }



/*button*/

/*icon*/
.u_icon{ display: inline-block; background: url(../images/icon/user_icon.png) no-repeat 0 0; }
.store_icon1,.store_icon2,.store_icon3,.store_icon4,.store_icon5{ width: 35px; height: 30px; }
.store_icon1{ background-position-x: 0; }
.store_icon2{ background-position-x: -52px; }
.store_icon3{ background-position-x: -105px; }
.store_icon4{ background-position-x: -156px; }
.store_icon5{ background-position-x: -209px; }
.order_icon1,.order_icon2,.order_icon3,.order_icon4,.order_icon5{ width: 44px; height: 36px; background-position-y: -39px; }
.order_icon1{ background-position-x: 4px; }
.order_icon2{ background-position-x: -58px; }
.order_icon3{ background-position-x: -121px; }
.order_icon4{ background-position-x: -184px; }
.order_icon5{ background-position-x: -246px; }
.msg_icon1,.msg_icon2,.msg_icon3{ width: 38px; height: 36px; background-position-y: -85px; }
.msg_icon1{ background-position-x: 2px; }
.msg_icon2{ background-position-x: -57px; }
.msg_icon3{ background-position-x: -115px; }
.left_btn,.right_btn{ width: 48px; height: 30px; line-height: 30px; -moz-border-radius: 0; border-radius: 0; background-color: #fff; background-position-y: -152px; background-position-x: -20px; cursor: pointer; }
.left_btn{ background-position-x: 20px; }
.left_btn:hover,.right_btn:hover{ background-color: #3488ea; background-position-y: -177px; }
.redact_btn,.remove_btn{ padding-left: 32px; height: 24px; line-height: 24px; background-position-y: -131px; background-color: #fff; cursor: pointer; }
.redact_btn{ background-position-x: -72px; color: #3488ea; }
.remove_btn{ background-position-x: -135px; color: #999; }
.redact_btn:hover{ background-position-y: -165px; color: #999; }
.remove_btn:hover{ background-position-y: -165px; color: #bbb; }
.pass_icon,.notPass_icon{ display: inline-block; width: 94px; height: 94px; background: url(../images/icon/audit_icon.png) no-repeat 0 0;  }
.notPass_icon{ background-position-y: -124px; }
.getBack_icon{ width: 10px; height: 15px;  background-position-y: -159px; background-position-x: 0px; vertical-align: -2px; }
.dropDown_icon{ width: 15px; height: 10px; background-position-y: -214px; }
.cancel_icon{ width: 15px; height: 15px; background-position-y: -210px; background-position-x: -72px; cursor: pointer; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; }
.cancel_icon:hover{ -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); transition }
.remove_small_btn{ padding-left: 16px; height: 16px; line-height: 16px; background-position-y: -211px; background-position-x: -121px; background-color: #fff; color: #999; cursor: pointer; }
.remove_small_btn:hover{ background-position-x: -166px; color: #aaa;  }
.remove_collect{ width: 16px; height: 16px; background-position-y: -242px; background-position-x: -121px; cursor: pointer; vertical-align: -4px; }
.remove_private{  width: 14px; height: 16px; background-position-y: -242px; vertical-align: text-top; }
.remove_private:hover{ background-position-x: -34px; }
.icon_get_back{ width: 8px; height: 14px; background-position-y: -270px; cursor: pointer; }
.warning_icon{ width: 15px; height: 14px; background-position-y: -270px; background-position-x: -36px; cursor: pointer; vertical-align: middle; }
.note_icon{ width: 20px; height: 20px; background-position-y: -301px; background-position-x: -31px; cursor: pointer; vertical-align: middle; }


/*icon*/

.calendar_icon{ width: 28px; height: 28px; background-position-y: -126px; background-position-x: 5px; }


.u_input{ height: 28px; line-height: 28px; border: 1px solid #ddd; padding: 0 10px; background: none; position: relative;z-index: 1; }
.bdr_3{ -moz-border-radius: 3px; border-radius: 3px; }
.bdr_5{ -moz-border-radius: 5px; border-radius: 5px; }

.m_l_80{ margin-left: 80px; }
.m_l_85{ margin-left: 85px; }
.m_r_70{ margin-right: 70px; }
.p_l_80{ padding-left: 80px; }
.p_l_100{ padding-left: 100px; }
.h_26{ height: 26px; }
.min_h_710{ min-height: 710px; }
.max-w-60{ max-width: 60%; }
.min_w_80{ min-width: 80px; }
.w-72{ width: 72%; }
.opacity_hide{ opacity: 0; }
.opacity_show{ opacity: 1; }
.h-100{ height: 100%; }
.w_300{ width: 300px; }
.w_400{ width: 400px; }
.h_200{ height: 200px; }
.h_20{ height: 20px; }
.w-25{ width: 25%; }

/*/public*/

 /*layer*/
.layer_module{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 77; }
.layer_module .layer_shade{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 88; background: #000; opacity: .5; filter: Alpha(opacity=50); }
.layer_module .layer_content{ min-width: 200px; min-height: 100px; position: absolute; top: 40%; left: 50%; z-index: 99; background-color: #fff; }
/*layer*/

/*no data*/
.not_data{ height: 200px; line-height: 200px; font-size: 16px; background-color: #fff; text-align: center; }
/*no data*/

/*breadcrumb nav*/
.u_breadcrumb a{  }
.u_breadcrumb a:hover{ color: #ea1b1b; text-decoration: underline; }
/*breadcrumb nav*/

/* page */
.page_style{ height: 44px; line-height: 44px; padding: 20px 0; text-align: center; }
.page_style a{ display: inline-block; height: 42px; padding: 0 15px; min-width: 15px; background-color: #ebebeb; border: 1px solid #d0d0d0; margin: 0 3px; }
.page_style a:hover{ background-color: #3488ea; color: #fff; border-color: #3488ea; }
.page_style span{ display: inline-block; height: 44px; padding: 0 15px; min-width: 15px; background-color: #3488ea; color: #fff; vertical-align: 1px; margin: 0 3px; }
.page_style input{ width: 30px; height: 28px; border: 1px solid #d0d0d0; background-color: #ebebeb; padding: 0 10px; }
.page_style em{ display: inline-block; width: 50px; height: 26px; line-height: 26px; text-align: center; background-color: #ebebeb; color: #999; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; margin-left: 10px; }
.page_style em:hover{ background-color: #ccc; }
/* page */

/*user infomation*/
.user_info{ width: 215px; padding: 35px 15px 20px; background-color: #fff; -moz-border-radius: 5px; border-radius: 5px; }
.user_info .user_avatar{ width: 98px; height: 98px; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; margin: 0 auto 15px; }
.user_info .user_avatar img{ width: 100%; height: 100%; }
.user_info .user_nickname{ line-height: 26px; font-size: 16px; text-align: center; }
.user_info .user_fans{ padding: 10px 25px; border-bottom: 1px solid #eee; margin-bottom: 15px; }
.user_info .user_fans div:first-child{ border-right: 1px solid #eee; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.user_info .user_fans div p{ color: #3488ea; }
.user_info .user_fans div p:first-child{ margin-bottom: 5px; color: #666; }
.user_info .user_member{ text-align: center; }
.user_info .user_member img{ height: 20px; }
/*user infomation*/

/*user nav*/
.user_nav{ padding: 15px 0 10px; background-color: #fff; -moz-border-radius: 5px; border-radius: 5px; }
.user_nav li{ height: 28px; line-height: 28px; margin: 9px 0; }
.user_nav a{ display: block; padding-left: 15px; color: #333; font-size: 16px; border-left: 4px solid transparent; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; }
.user_nav .nav_interval{ height: 0; line-height: 0px; border-bottom: 1px solid #eee; margin: 0 15px; }
.user_nav li.cur_user_nav a,.user_nav li:hover a{ border-left-color: #3488ea; color: #3488ea; }
/*user mav*/

/*user content*/
.user_content{ width: 934px; -moz-border-radius: 5px; border-radius: 5px; }
.user_module_title{ padding: 8px 30px; height: 30px; line-height: 30px; border-bottom: 1px solid #eee; }
.user_module_title .title_info{ display: inline-block; height: 100%; color: #3488ea; position: relative; }
.user_module_title .title_info:before{ content: ''; width: 100%; border-bottom: 2px solid #3488ea; position: absolute; bottom: -9px; left: 0; }
.search_time{ position: relative; }
.search_time i{ position: absolute; top: 1px; right: 0; border-left: 1px solid #eee; z-index: 1; }

.user_store_data{ padding: 2px 30px; }
.user_store_data li{ float: left; width: 20%; text-align: center; position: relative; overflow: hidden; }
.user_store_data .default{ padding: 36px 0 32px; }
.user_store_data .hover{ position: absolute; top: 0; left: -120%; width: 100%; height: 115px; padding: 20px 0; background-color: #f4f4f4; -webkit-box-shadow: 0 0 5px 1px #e0e0e0; -moz-box-shadow: 0 0 5px 1px #e0e0e0; box-shadow: 0 0 5px 1px #e0e0e0; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; }
.user_store_data .hover a{ color: #3488ea; }
.user_store_data .hover a.u_btn{ color: #fff; }
.user_store_data .hover a:hover{ color: #ea1b1b; }
.user_store_data li:hover .hover{ left: 0; }

.commodity_recommend .recommend_title{ width: 224px; height: 43px; line-height: 43px; text-align: center; background-color: #fff; color: #666; -moz-border-radius: 3px; border-radius: 3px; }
.commodity_recommend .recommend_modules{ padding: 4px 0; overflow: hidden; }
/*.commodity_recommend ul{ width: 300%; }*/
.commodity_recommend li{ float: left; width: 224px; -moz-border-radius: 3px; border-radius: 3px; background-color: #fff; overflow: hidden; margin-right: 12px; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; -webkit-box-shadow: 0 0 5px 1px #ccc; -moz-box-shadow: 0 0 5px 1px #ccc; box-shadow: 0 0 5px 1px #ccc; }
.commodity_recommend .recommend_img{ height: 168px; overflow: hidden; margin-bottom: 5px; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; }
.commodity_recommend .recommend_img img{ width: 100%; }
.commodity_recommend .recommend_details{ padding: 0 8px; }
.commodity_recommend .stylist_avatar{ width: 30px; height: 30px; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; }
.commodity_recommend .stylist_avatar img{ width: 100%; height: 100%; }
.commodity_recommend .recommend_name,
.commodity_recommend .recommend_label{ height: 26px; line-height: 26px; }
.commodity_recommend .recommend_label{ color: #999; }
.commodity_recommend .stylist_info{ padding: 6px 4px; line-height: 30px; }
.commodity_recommend .stylist_nickname{ font-size: 12px; color: #cfcfcf; max-width: 72%; }
.commodity_recommend li:hover{ background-color: #3488ea; }
.commodity_recommend li:hover .recommend_img{ -webkit-transform: scale(.98, .98); -moz-transform: scale(.98, .98); -ms-transform: scale(.98, .98); transform: scale(.98, .98); }
.commodity_recommend li:hover .recommend_name,
.commodity_recommend li:hover .coloe_348,
.commodity_recommend li:hover .color_999{ color: #fff; }
.commodity_recommend li:hover .recommend_label{ color: #cfcfcf; }

.celebrity_list{ background-color: #FFFFFF; overflow: hidden; padding: 28px 0 28px 28px; }
.celebrity_list .wonderful-item{ margin: 0 16px 20px 0; position: relative; }
.celebrity_list .wonderful-item .celebrity_delete,.recommend_modules li .celebrity_delete{ position: absolute; height: 24px; line-height: 24px; border-radius: 3px; background-color: #3488ea; padding: 0 8px 0 24px; z-index: 4; color: #FFFFFF; background: url(../images/celebrity_delete.png) no-repeat 5px 0 #3488ea; top: 10px; right: 10px; display: none; }
.recommend_modules li .celebrity_delete{ background: url(../images/celebrity_delete.png) no-repeat 5px 0 #5c5c57; }
.celebrity_list .wonderful-item:hover .celebrity_delete,.recommend_modules li:hover .celebrity_delete{display: block;}
.celebrity_list .wonderful-item .celebrity_delete:hover,.recommend_modules li .celebrity_delete:hover{background: url(../images/celebrity_delete.png) no-repeat 5px 0 #1664bf; }
.recommend_modules li .celebrity_delete:hover{background: url(../images/celebrity_delete.png) no-repeat 5px 0 #3d3d39;}
/*user content*/


/*model admin*/
.model_label{ padding: 5px 30px; }
.model_label>span{ width: 6%; line-height: 30px; text-align: center; color: #999; }
.model_label ul{ width: 94%; }
.model_label li{ float: left; margin: 5px; }
.model_label li a{ padding: 5px; }
.model_label li a:hover{ color: #3488ea; }
.model_label li.cur_model_type a{ color: #3488ea; }

.model_admin_list li{ background-color: #fff; padding: 10px 16px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 10px; position: relative; }
.model_admin_list .model_name{ height: 40px; line-height: 40px; padding-bottom: 5px; border-bottom: 1px solid #eee; }
.model_admin_list .model_name p{ float: left; width: 80%; font-size: 16px; font-weight: bold; }
.model_admin_list .model_details{ padding: 20px 0 30px; border-bottom: 1px solid #eee; }
.model_admin_list .model_img{ width: 160px; height: 120px; overflow: hidden; margin-right: 20px; }
.model_admin_list .model_img img{ width: 100%; height: 100%; }
.model_admin_list .model_details p{ height: 30px; line-height: 30px; color: #888; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.model_admin_list .model_size,
.model_admin_list .model_texture{ width: 260px; margin-right: 10px; }
.model_admin_list .model_price{ width: 180px; padding-top: 20px; }
.model_admin_list .model_price span{ display: block; line-height: 20px; font-size: 16px; color: #3488ea; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.model_admin_list .audit_icon{ position: absolute; right: 16px; bottom: 50px; }

.drafts_title{ margin-bottom: 20px; -moz-border-radius: 3px; border-radius: 3px; position: relative; }
.drafts_title .get_back{ height: 24px; line-height: 24px; padding: 0 10px; position: absolute; top: 8px; left: 20px; cursor: pointer; -moz-border-radius: 3px; border-radius: 3px; }
.drafts_title .get_back:hover{ background-color: #eee; color: #333; }
/*model admin*/


/* transaction admin */
.user_module_title a{ display: inline-block; margin-right: 50px; }
.user_module_title a:hover{ color: #3488ea; position: relative; }
.user_module_title a:hover:before{ content: ''; width: 100%; border-bottom: 2px solid #3488ea; position: absolute; bottom: -9px; left: 0; }

.order_workOff{ height: 30px; line-height: 30px; padding: 20px; }
.order_workOff .title{ font-size: 16px; color: #666; margin: 0 50px 0 30px; }
.order_status{ width: 80px; height: 30px; line-height: 30px; position: relative; text-align: center; margin-right: 15px; cursor: pointer; }
.order_status .dropDown_icon{ -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
.order_status:hover .dropDown_icon{ transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); }
.order_status:hover .condition{ display: block; opacity: 1; }
.order_status .condition{ display: none; opacity: 0; position: absolute; right: 0; top: 30px; z-index: 9; width: 100px; padding: 5px 0; background-color: #fff; text-align: center; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 5px 1px #ccc; -moz-box-shadow: 0 0 5px 1px #ccc; box-shadow: 0 0 5px 1px #ccc; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
.order_status .condition p{ line-height: 30px; }
.order_status .condition a{ color: #666; }
.order_status .condition p.cur_condition a,.order_status .condition p:hover a{ color: #3488ea; }
.order_status .condition p:hover{ background-color: #eee; }

.order_admin_list{ min-height: 590px; -moz-border-radius: 3px; border-radius: 3px; }
.order_admin_list p{ color: #666; }
.order_admin_list th{ height: 48px; line-height: 48px; }
.order_admin_list tr{ border-bottom: 1px solid #eee; }
.order_admin_list td{ padding: 7px 0; }
.order_admin_list td:first-child{ border-right: 1px solid #eee; width: 30px; }
.order_admin_list .model_img{ width: 70px; height: 68px; margin-right: 10px; }
.order_admin_list .model_title{ width: 150px; height: 24px; line-height: 24px; margin-bottom: 23px; }
.order_admin_list .more_details{ width: 10%; text-align: center; font-size: 16px; font-weight: bold; cursor: pointer; position: relative; }

.order_admin_list .more_details:hover{ color: #3488ea; }
.order_admin_list .more_details:hover .more_details_list{ display: block; opacity: 1; }

.order_admin_list .more_details_list{ display: none; opacity: 0; width: 210px; padding: 10px; background-color: #fff; border: 1px solid #3488ea; -moz-border-radius: 3px; border-radius: 3px; position: absolute; left: -10px; top: 30px; z-index: 9; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
.order_admin_list .more_details_list:before{ content: ''; border: 10px solid transparent; border-bottom-color: #3488ea; position: absolute; top: -20px; left: 15px; }
.order_admin_list .more_details_list:after{ content: ''; border: 9px solid transparent; border-bottom-color: #fff; position: absolute; top: -18px; left: 16px; }
.order_admin_list .more_details_list p{ float: left; width: 50%; line-height: 22px; text-align: left; font-size: 12px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.evaluate_layer{ width: 400px; padding: 20px; margin-left: -220px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 10px 1px #999; -moz-box-shadow: 0 0 10px 1px #999; box-shadow: 0 0 10px 1px #999; }
.evaluate_user{ width: 80px; height: 80px; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; margin-right: 20px; }
.evaluate_user>img{ width: 100%; height: 100%; }
.evaluate_content{ line-height: 20px; height: 40px; overflow: hidden; }
.evaluate_input{ margin-bottom: 20px; }
.evaluate_input input[type="text"]{ height: 28px; line-height: 28px; width: 320px; background-color: #f2f2f2; -moz-border-radius: 3px; border-radius: 3px; }
.evaluate_input input[type="text"]:focus{ background-color: #fafafa; border-color: #78b9ef; }

.asset_income{ width: 70%; height: 60px; line-height: 60px; margin: 0 auto; background-color: #f4f4f4; }
.asset_income em{ font-size: 26px; color: #3488ea; vertical-align: middle; }
.income_income p{ line-height: 20px; }

.withdraw_deposit{ padding: 40px 0 40px 340px; }
.withdraw_deposit .deposit_title{ height: 30px; line-height: 30px; width: 100px; text-align: right; margin-right: 5px; }
.withdraw_deposit .select_bank{ min-width: 80px; padding: 0 5px; height: 30px; line-height: 30px; background-color: #ddd; color: #999; position: relative; cursor: pointer; }
.withdraw_deposit .bank_list{ display: none; position: absolute; top: 30px; left: -1px; width: 91px; background-color: #eee; color: #999; text-align: center; }
.withdraw_deposit .bank_list li{ height: 30px; line-height: 30px; cursor: pointer; }
.withdraw_deposit .bank_list li:hover{ background-color: #ddd; }
.withdraw_deposit .select_bank .dropDown_icon{ -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; }
.withdraw_deposit .select_bank:hover .dropDown_icon{ -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); }
.withdraw_deposit .select_bank:hover .bank_list{ display: block; }
 /* transaction admin */

/*user order*/
.order_nav{ padding: 18px; }
.order_nav li{ float: left; height: 28px; line-height: 28px; text-align: center; border: 1px solid #3488ea; -moz-border-radius: 3px; border-radius: 3px; margin-right: 20px; overflow: hidden; }
.order_nav a{ display: block; min-width: 58px; padding: 0 10px; color: #3488ea; background-color: #fff; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; }
.order_nav a:hover,.order_nav li.active a{ background-color: #3488ea; color: #fff; }

.user_order{  }
.user_order th{ height: 40px; }
.user_order tr{ border-bottom: 1px solid #eee; }
.user_order td{ border-left: 1px solid #eee; padding: 20px 0; }
.user_order tr td:first-child{ border-left-width: 0; }
.user_order td.order_title{ padding: 0; height: 40px; line-height: 40px; }
.user_order td.p_0{ padding: 0px; }
.user_order .order_img{ width: 128px; height: 96px; overflow: hidden; margin-right: 15px; }
.user_order .order_img img{ width: 100%; height: 100%; }

.after_sale_order th{ height: 30px; background-color: #f8f8f8; color: #666; }
.after_sale_order tr{ border-bottom: 1px solid #eee; }
.after_sale_order td{ border-right: 1px solid #eee; padding: 20px 0; }
.after_sale_order tr td:first-child{ border-left: 1px solid #eee; }
.after_sale_order td.order_title{ padding: 0; height: 30px; line-height: 30px; background-color: #f0f0f0; }
.after_sale_order .order_img{ width: 128px; height: 96px; overflow: hidden; margin-right: 15px; margin-left: 15px; }
.after_sale_order .order_img img{ width: 100%; height: 100%; }
.after_sale_order .order_name{ height: 44px; line-height: 22px; font-size: 16px; overflow: hidden; margin-bottom: 30px; }
.all_table_list{ padding: 20px 0 0 0; height: 117px; overflow: hidden; border-top: 1px solid #eeeeee; }
.all_table_list.b_0{ border:0; }


/*user order*/

/*order details*/
.ver_h_150{ width: 1px; height: 150px; background-color: #eee; }
.order_commodity_name{ position: relative; width: 320px; height: 320px; padding: 20px 0 0 20px; border-right: 1px solid #eee; }
.order_name_list{ position: absolute; top: 20px; left: 20px; z-index: 9; width: 258px; height: 98px; padding: 10px; border: 1px solid #eee; background-color: #fff; }
.order_name_list_bgc1{ content: ''; width: 278px; height: 118px; border: 1px solid #eee; position: absolute; top: 25px; left: 25px; z-index: 8; background-color: #fff; }
.order_name_list_bgc2{ content: ''; width: 278px; height: 118px; border: 1px solid #eee; position: absolute; top: 30px; left: 30px; z-index: 7; background-color: #fff; }
.order_name_img{ width: 100px; height: 100px; margin-right: 10px; }
.order_name_img img{ width: 100%; height: 100%; }

.logistics_info_box{ width: 815px; height: 300px; padding-left: 10px; overflow-y: scroll; }
.logistics_info_box ul{ width: 85%; }
.logistics_info_box li{ position: relative; min-height: 50px; padding: 0 0 10px 20px; border-left: 1px solid #ddd; }
.cur_addr,.each_addr{ display: inline-block; width: 21px; height: 21px; background: url(../images/icon/logistics_info.jpg) no-repeat 0 0; position: absolute; top: 0; left: -10px; }
.cur_addr{ background-position-y: -21px; }
.each_addr{ background-position-y: 0px; }

.sale_plan_list{ margin: 80px 0 0 90px; }
.sale_plan_list li{ float: left; position: relative; width: 136px; text-align: center; }
.sale_plan_list li span{ display: inline-block; height: 26px; background: url(../images/icon/sale_plan.png) no-repeat 0 0; }
.sale_plan_list li span.palnA{ width: 81px; background-position-x: -55px; }
.sale_plan_list li span.palnB{ width: 136px; background-position-x: 0px; }
.sale_plan_list li span.palnC{ width: 81px; background-position-x: 0px; }
.sale_plan_list li span.palnD{ width: 81px; background-position-x: -55px; background-position-y: -66px; }
.sale_plan_list li span.palnE{ width: 136px; background-position-x: 0px; background-position-y: -66px; }
.sale_plan_list li span.palnF{ width: 81px; background-position-x: 0px; background-position-y: -66px; }
.audit_pass,.audit_no_pass{ display: inline-block; width: 16px; height: 16px; background: url(../images/icon/sale_plan.png) no-repeat 0 -132px; }
.audit_pass{ background-position-x: 0; }
.audit_no_pass{ background-position-x: -36px; }
.sale_plan_list li .check_accept{ position: absolute; top: 4px; right: -9px; z-index: 9; }
.sale_plan_list li .check_accept_text{ max-width: 120px; padding: 2px 5px; position: absolute; top: -30px; right: 0%; transform: translateX(50%); font-size: 12px; color: #fff; background-color: #3488ea; border-radius: 5px; }
.sale_plan_list li .check_accept_text::after{ content: ''; border: 5px solid transparent; border-top-color: #3488ea; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); }

.sale_plan_table{ border: 1px solid #bbb; }
.sale_plan_table tr{ line-height: 20px; width: 100%; }
.sale_plan_table tr td{ padding: 4px 0; border-bottom: 1px solid #bbb; padding-left: 10px; font-size: 12px; }
.sale_plan_table tr td:first-child{ width: 78px; text-align: left; border-right: 1px solid #bbb; }

.order_search_btn{ display: inline-block; width: 35px; height: 25px; background-color: #ccc; padding: 5px 0 0 15px; cursor: pointer; }
.order_search_btn:hover{ background-color: #aaa; }
.order_table tr{ border: 1px solid #f0f0f0; }
.order_table tr td{ border-left: 1px solid #f0f0f0; }
.order_details_model{ padding: 10px; border-top: 1px solid #f0f0f0; }
.order_table tr td .order_details_model:first-child{ border-width: 0; }
.order_table tr.order_table_interval,.order_table tr.order_table_interval td{ border-width: 0; }
.intro_text{ width: 480px; height: 78px; padding: 4px; border: 1px solid #f0f0f0; background-color: #f8f8f8; border-radius: 3px; }

.mood_list_img{ border: 1px solid #e5cbcb; padding: 3px 3px 5px 3px; }
.mood_list_img li{ position: relative; float: left; width: 98px; height: 98px; margin-right: 5px; /*margin-bottom: 5px;*/ overflow: hidden; }
.mood_list_img li:nth-child(9n){ margin-right: 0; }
.mood_list_img li i{ position: absolute; top: 0; right: 0; width: 16px; height: 16px; text-align: center; background-color: rgba(0,0,0,.5); color: #fff; cursor: pointer; }
.mood_list_img li img{ width: 100%; height: 100%; }

.upload_img_icon{ display: inline-block; width: 30px; height: 27px; background: url(../images/icon/upload_icon.png) no-repeat 0 0; cursor: pointer; }
.upload_com{ display: inline-block; width: 52px; height: 52px; background: url(../images/icon/upload_com.png) no-repeat 0 0; cursor: pointer; }
.w_input{ height: 28px; line-height: 28px; background-color: #f8f8f8; border: 1px solid #f0f0f0; padding-left: 10px; border-radius: 3px; }
input.w_input[readonly="readonly"]{ background-color: #eef1c4; }

.user_order_comment{ padding-bottom: 20px; }
.user_order_comment .user_order_img{ width: 400px; height: 300px; margin-right: 55px; }
.user_order_comment .user_order_img img{ width: 100%; height: 100%; }
.user_order_comment .user_order_arguments{ width: 500px; padding: 13px 20px; background-color: #fff; border-radius: 3px; }
.user_order_comment .user_order_arguments li{ float: left; width: 50%; height: 22px; line-height: 22px; color: #999; }
.user_order_comment .user_order_star{ position: relative; width: 87px; height: 12px; background: url(../images/icon/order_star.png) no-repeat 0 -22px; }
.user_order_comment .user_order_grade{ position: absolute; height: 12px; background: url(../images/icon/order_star.png) no-repeat 0 0; }
.user_order_comment_content{ padding: 20px 240px; background-color: #fff; }
.user_order_comment_content td{ border: 1px solid #ddd; }
.user_order_comment_content td:first-child{ width: 64px; text-align: center; background-color: #efefef; padding: 20px 0; }
.user_order_comment_content .star_level{ display: inline-block; width: 40px; height: 40px; background: url(../images/icon/grade_star.png) no-repeat 0 -60px; vertical-align: text-top; cursor: pointer; }
.user_order_comment_content .star_level_h,
.user_order_comment_content .star_level:hover{ background-position-y: 0px; }
.user_order_comment_content textarea{ width: 100%; height: 80px; padding: 10px; background-color: #f8f8f8; border-radius: 3px; box-sizing: border-box; }
.user_order_comment_content .p_b{ position: absolute; bottom: 0; right: 20px; }
.orderdetails_hint{ margin-top: 40px; line-height: 30px; }
.orderdetails_hint a{ color: #3488ea; }
.orderdetails_hint a:hover{ text-decoration: underline; }

/*Guess You Like*/
.guess_like .recommend_title{ width: 200px; height: 30px; line-height: 30px; color: #fff; background-color: #999; }
.guess_like li{ width: 280px; margin-right: 27px; }
/*Guess You Like*/

.user_model_comment{  }
.user_model_comment .user_model_view{ width: 440px; /*height: 120px;*/ padding: 10px 45px; position: relative; background-color: #fff; border-radius: 5px; }
.user_model_comment .user_model_view li{ float: left; width: 100px; height: 100px; overflow: hidden; margin-right: 12px; }
.user_model_comment .user_model_view li img{ width: 100%; height: 100%; }
.user_model_comment .user_model_view .left_view,
.user_model_comment .user_model_view .right_view{ width: 20px; height: 28px; line-height: 28px; text-align: center; position: absolute; top: 50%; margin-top: -14px; cursor: pointer; border-radius: 3px; background-color: #eee; }
.user_model_comment .user_model_view .left_view:hover,
.user_model_comment .user_model_view .right_view:hover{ background-color: #ccc; }
.user_model_comment .user_model_view .left_view{ left: 15px; background-position-y: -152px; background-position-x: 5px; }
.user_model_comment .user_model_view .right_view{ right: 15px; background-position-y: -152px; background-position-x:  -34px; }
/*order details*/

/*commodity evaluate modules*/
.commodity_evaluate_list{ margin: 0 20px; }
.commodity_evaluate_modules{ border: 1px solid #eee; border-radius: 3px; overflow: hidden; margin-bottom: 25px; }
.commodity_evaluate_modules .commodity_info{ width: 220px; padding-bottom: 5px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; }
.commodity_evaluate_modules .recommend_img{ height: 168px; border-radius: 3px 0 0 0; overflow: hidden; margin-bottom: 5px; }
.commodity_evaluate_modules .recommend_img img{ width: 100%; height: 100%; }
.commodity_evaluate_modules .recommend_details{ padding: 0 8px; }
.commodity_evaluate_modules .commodity_evaluate_content{ width: 650px; padding: 10px; }
.commodity_evaluate_modules .commodity_evaluate_name{ width: 80px; height: 22px; line-height: 22px; font-weight: bold; }
.commodity_evaluate_modules .commodity_evaluate_text{ position: relative; width: 570px; border-bottom: 1px solid #eee; }
.commodity_evaluate_modules .commodity_evaluate_img li{ float: left; width: 100px; height: 100px; overflow: hidden; margin-bottom: 10px; margin-right: 10px; }
.commodity_evaluate_modules .commodity_evaluate_img img{ width: 100%; height: 100%; }
.commodity_evaluate_modules .commodity_evaluate_details{ line-height: 22px; margin-bottom: 10px; }
.commodity_evaluate_modules .commodity_evaluate_date{ width: 20%; height: 20px; line-height: 20px; text-align: right; color: #999; }
.commodity_evaluate_modules .commodity_evaluate_cancel{ position: absolute; top: 2px; right: 0; }
.commodity_evaluate_modules .commodity_evaluate_remove{ padding: 2px 4px; cursor: pointer; color: #e62b00; }
.commodity_evaluate_modules .commodity_evaluate_remove:hover{ color: #999; }
.commodity_evaluate_modules .commodity_evaluate_remove:hover .remove_info{ transform: rotate(-180deg); }
/*commodity evaluate modules*/

/*The user to collect*/
.collect_list li{ margin-bottom: 15px; position: relative; }
.collect_list li:nth-child(4n){ margin-right: 0; }

.collect_post{ padding: 20px; background-color: #fff; }
.collect_post li{ overflow: hidden; }
.collect_post .collect_post_img{ width: 240px; height: 180px; overflow: hidden; margin-right: 15px; position: relative; }
.collect_post .collect_post_img .remove_collect_btn{ opacity: 0; padding: 0 5px; height: 24px; line-height: 24px; background-color: #3488ea; color: #fff; font-size: 12px; position: absolute; top: 0; right: 0; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; }
.collect_post .collect_post_img .remove_collect_btn:hover{ background-color: #135eb5; }
.collect_post .collect_post_img img{ width: 100%; height: 100%; }
.collect_post .collect_post_title{ font-size: 18px; height: 40px; line-height: 40px; margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; }
.collect_post .collect_post_text{ height: 88px; line-height: 22px; font-size: 14px; color: #999; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.collect_post_link{ display: inline-block; width: 90px; height: 30px; background: #3488ea url(../images/icon/arrows.png) no-repeat center center; cursor: pointer; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; }
.collect_post_link:hover{ background-color: #135eb5; }
.collect_post .collect_post_link{ opacity: 0; transition: all .2s; }
.collect_post li:hover .remove_collect_btn{ opacity: 1; }
.collect_post li:hover .collect_post_link{ opacity: 1; }
.collect_post li:hover .collect_post_title{ color: #3488ea; }
/*The user to collect*/

/*User attention*/
.stylist_list{  }
.stylist_list li{ /*height: 150px;*/ padding: 30px 0 30px 15px; background-color: #fff; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 10px; overflow: hidden; }
.stylist_list .stylist_userdps{ width: 100px; height: 100px; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; margin-right: 20px; }
.stylist_list .stylist_userdps img,.stylist_list .stylist_img img{ width: 100%; height: 100%; }
.stylist_list .stylist_info{ width: 300px; }
.stylist_list .stylist_nickname{ height: 24px; font-size: 16px; max-width: 70%; margin-right: 15px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.user_shop,.user_vip{ height: 20px; }
.user_shop img,.user_vip img{ height: 100%; }
.stylist_list .stylist_type{ height: 22px; overflow: hidden; margin-bottom: 10px; }
.stylist_list .stylist_type span{ line-height: 22px; color: #666; margin-right: 8px; }
.stylist_list .stylist_img{ width: 460px; height: 104px; overflow: hidden; }
.stylist_list .stylist_img span{ width: 104px; height: 104px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; margin-right: 10px; }
.stylist_list .stylist_img span:last-child,.stylist_list .stylist_type span:last-child{ margin-right: 0; }
.small_link_btn{ display: inline-block; width: 30px; height: 30px; background: #3488ea url(../images/icon/arrows_small.png) no-repeat center center; cursor: pointer; transition: all .2s; }
.small_link_btn:hover{ background-color: #135eb5; }
.stylist_list .small_link_btn{ opacity: 0; transition: all .2s; }
.stylist_list li:hover .small_link_btn{ opacity: 1; }
.stylist_list .stylist_nickname:hover a{ color: #3488ea; }

.fans_list{  }
.fans_list li{ float: left; width: 272px; min-height: 180px; padding: 16px; background-color: #fff; border-radius: 3px; margin-right: 10px; margin-bottom: 12px; }
.fans_list li:nth-child(3n){ margin-right: 0; }
.fans_list .fans_userdps{ width: 80px; height: 80px; border-radius: 50%; overflow: hidden; margin-right: 20px; }
.fans_list .fans_userdps img{ width: 100%; height: 100%; }
.fans_list .fans_nickname{ height: 30px; line-height: 30px; }
.fans_list .fans_nickname a{ display: block; font-size: 16px; color: #333; }
.fans_list .stylist_type{ width: 95%; height: 24px; line-height: 24px; overflow: hidden; }
.fans_list .stylist_type span{ line-height: 22px; color: #666; margin-right: 8px; }
.fans_list .stylist_type span:last-child{ margin-right: 0; }
.fans_list .fans_link{ position: absolute; top: 40px; right: -15px; opacity: 0; transition: all .2s; }
.fans_list li:hover .fans_link{ opacity: 1; }
.fans_list .fans_nickname:hover a{ color: #3488ea; }
.fans_list .btn_70_bd{ padding: 0 5px; }
/*User attention*/

/*user infomation*/
.w_158{ width: 158px; }
.user_input{ /*width: 158px;*/ height: 28px; line-height: 28px; padding-left: 10px; background-color: #f8f8f8; border: 1px solid #f0f0f0; border-radius: 3px; }
.user_select{ height: 28px; line-height: 28px; background-color: #f8f8f8 !important; border: 1px solid #f0f0f0 !important; border-radius: 3px; }
.user_radio{ display: inline-block; width: 16px; height: 16px; background: url(../images/icon/radio.png) no-repeat 0 0; cursor: pointer; vertical-align: middle; }
.user_radio.hover{ background-position-x: -22px; }
.user_radio.checked{ background-position-x: -44px; }

.user_check{ display: inline-block; width: 18px; height: 18px; background: url(../images/icon/checkbox.png) no-repeat 0 0; cursor: pointer; vertical-align: middle; }
.user_check.hover{ background-position-x: -23px; }
.user_check.checked{ background-position-x: -46px; }

.w_input_36{ height: 36px; line-height: 36; padding-left: 10px; border: 1px solid #e0e0e0; background-color: #fff; }
.w_input_40{ height: 38px; line-height: 38px; background-color: #f8f8f8; border: 1px solid #f0f0f0; padding-left: 10px; }
.btn_125_e62,.btn_125_default{ width: 123px; height: 38px; line-height: 38px; border: 1px solid #3488ea; color: #3488ea; border-radius: 0; transition: all .2s; }
.btn_125_e62:hover{ background-color: #3488ea; color: #FFFFFF; }
.btn_125_e62:active{background-color: #2373d0; border:1px solid #125fba; color: #FFFFFF;}
.btn_125_e62.not{ background-color: #cccccc; border:1px solid #cccccc; color: #FFFFFF; }
.btn_125_default{ background-color: #fff; border-color: #aaa; color: #aaa; }
.btn_130_348{ width: 130px; height: 40px; line-height: 40px; background-color: #3488ea; color: #fff; transition: all .2s; }
.btn_130_348:hover{ background-color: #aaa; color: #fff; }
.add_icon{ display: inline-block; width: 17px; height: 17px; background: url(../images/icon/add.png) no-repeat 0 0; vertical-align: text-top; }
.btn_60_348{ display: inline-block; width: 60px; height: 22px; line-height: 22px; background-color: #3488ea; color: #fff; }
.over_h_44{ height: 44px; overflow: hidden; }

.user_info_form{ padding: 20px 40px 40px; }
.user_info_form .label_title{ height: 30px; line-height: 30px; color: #999; }
.user_info_form .label_title.w_80{ width: 80px; text-align: right;}
.user_info_form .user_intro{ width: 590px; height: 80px; padding: 5px; border: 1px solid #f0f0f0; border-radius: 5px; background-color: #f8f8f8; }
.user_info_form .user_intro_size{ color: #3488ea; line-height: 20px; margin-top: 70px }
.user_info_form .stylist_label{ padding: 15px 0; }
.user_info_form .stylist_label_info{ float: left; line-height: 20px; padding: 5px 8px; border-radius: 3px; background-color: #eee; color: #999; margin-right: 8px; transition: all .2s; }
.user_info_form .stylist_label_info:hover{ background-color: #dedede; }
.user_info_form .remove_stylist_label{ display: inline-block; padding-left: 3px; cursor: pointer; }

.user_addr_list{ padding: 30px 19px; }
.user_addr_list li{ float: left; width: 260px; height: 118px; padding: 15px; border: 1px solid #e0e0e0; background-color: #f8f8f8; margin: 0 10px 15px 0; transition: all .2s; }
.user_addr_list li:nth-child(3n){ margin-right: 0; }
.user_addr_list li:hover{ border-color: #e62b00; }
.user_addr_list li .operation{ display: inline-block; padding: 0 5px; height: 22px; line-height: 22px; cursor: pointer; }
.user_addr_list li .operation:hover{ color: #aaa; }
.user_addr_list li .set_default{ display: inline-block; height: 22px; line-height: 22px; padding: 0 5px; font-size: 12px; cursor: pointer; color: #3488ea; transition: all .2s; }
.user_addr_list li .set_default:hover{ background-color: #3488ea; color: #fff; }


/*address layer*/
.address_model {position: fixed;top: 50%;left: 50%;width: 830px;height: 488px;margin: -247px 0 0 -416px; z-index: 1000; /*border: 2px solid #e62b00;*/ background-color: #fff; box-shadow: 0 0 10px 0 #bbb; }
.address_model .model_title {line-height: 75px;text-align: center;font-size: 18px;color: #000000;font-weight: normal;position: relative;}
.address_model .model_title .closeBtn{width:30px;height: 30px;background: url("../images/close-r-bg.png") no-repeat;overflow: hidden;
position: absolute;right: 20px;top:20px;}
.address_model .modelList {overflow: hidden;margin-bottom: 20px;}
.address_model .modelList .name {width: 100px;line-height: 40px;float: left;font-size: 16px;color: #000000;text-align: right;}
.address_model .modelList .personName_input {float: left;line-height: 38px;height: 38px;border: 1px solid #d6d6d6;width: 320px;padding: 0 10px;}
.address_model .modelList .model_select {float: left;line-height: 38px;border: 1px solid #d6d6d6;width: 150px;height: 38px;margin-right: 10px;}
.address_model .modelList .place {float: left;line-height: 38px;font-size: 16px;color: #000;margin-right: 10px;}
.address_model .modelList .detail_input {float: left;line-height: 38px;border: 1px solid #d6d6d6;width: 620px;padding: 0 10px;height: 38px;}
.address_model .modelList4 input {float: left;line-height: 38px;height: 38px;border: 1px solid #d6d6d6;padding: 0 10px;margin-right: 10px;}
.address_model .modelList4 input {float: left;line-height: 38px;height: 38px;border: 1px solid #d6d6d6;padding: 0 10px; margin-right: 10px;}
.address_model .modelList4 .fixNum {float: left;line-height: 40px;margin-right: 10px;color: #000000;font-size: 16px;}
.address_model .btnWrap {padding-top: 30px;text-align: center;}
.address_model .btnWrap a{line-height: 44px;display: inline-block;width: 100px;text-align: center;color: #FFFFFF;font-size: 16px;margin-right: 15px;;
    -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.address_model .btnWrap .saveBtn {background-color: #e62b00}
.address_model .btnWrap .quitBtn {background-color:#67c31d;}
.w_select_style{ border-radius: 3px; background-color: #f8f8f8; border-color: #f0f0f0; }
.w_select_style2{ border-radius: 0px; background-color: #fff; border-color: #e0e0e0; }
.w_select_style3{ height: 38px; border-radius: 0px; background-color: #fff; border-color: #e0e0e0; }
.address_model .close_shade_btn{ display: inline-block; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; position: absolute; top: 20px; right: 20px; text-align: center; overflow: hidden; background-color: #aaa; color: #fff; cursor: pointer; }
.address_model .close_shade_btn:hover{ background-color: #ccc; }
.address_model .ui-selectmenu-button span.ui-selectmenu-text {line-height: 28px;font-size: 16px;}
.btn_120_40_ff6{ width: 120px; height: 40px; line-height: 40px; background-color: #3488ea; color: #fff; transition: all .2s; }
.btn_120_40_ff6:hover{ background-color: #aaa; color: #fff; }
.btn_120_40_67c{ width: 118px; height: 38px; line-height: 38px; border: 1px solid #3488ea; color: #3488ea; transition: all .2s; }
.btn_120_40_67c:hover{ background-color: #3488ea; color: #fff; }
/*address layer*/

.w_430{ width: 430px; }
.invoice_address_list li:nth-child(3n){ margin-right: 15px; }
.order_list_box{ max-height: 354px; overflow: hidden; }
.slide_addr_r,.slide_addr_l{ position: absolute; top: 50%; margin-top: -15px; }
.slide_addr_r{ left: -15px; }
.slide_addr_l{ right: -15px; }
.bill_list li{ height: 60px; line-height: 60px; padding: 0 20px 0 10px; background-color: #f8f8f8; border-bottom: 1px solid #e0e0e0; }
.bill_list li:first-child{ height: 48px; line-height: 48px; background-color: #f0f0f0; }
.bill_list li span{ float: left; text-align: center; }
.bill_list li span:first-child{ text-align: left; }
.btn_430_e62{ display: inline-block; width: 430px; height: 46px; line-height: 46px; background-color: #3488ea; color: #fff; border-radius: 3px; cursor: pointer; transition: all .2s; }
.btn_430_e62:hover{ background-color: #aaa; color: #fff; }

.right_icon,.left_icon{ display: inline-block; width: 30px; height: 30px; border-radius: 50%; overflow: hidden; cursor: pointer; }
.right_icon{ background: #ccc url(../images/icon/right.png) no-repeat center center; background-size: 80% 80%; }
.left_icon{ background: #ccc url(../images/icon/left.png) no-repeat center center; background-size: 80% 80%; }
.right_icon:hover,.left_icon:hover{ background-color: #ddd; }
.slide_addr_r,.slide_addr_l{ position: absolute; top: 50%; margin-top: -15px; }
.slide_addr_r{ left: -15px; }
.slide_addr_l{ right: -15px; }
/*user infomation*/

/*user message list*/
.system_msg_list{  }
.system_msg_list li{ position: relative; padding: 10px 35px 10px 35px; background-color: #fff; border-radius: 4px; margin-bottom: 5px; }
.system_msg_list .msg_top{ position: relative; height: 26px; line-height: 26px; padding-bottom: 5px; border-bottom: 1px solid #e0e0e0; }
.system_msg_list .msg_top .caution,.caution_red{ position: absolute; top: 36%; left: -15px; width: 7px; height: 7px; background-color: #ff0000; border-radius: 50%; overflow: hidden; }
.system_msg_list .msg_title{ float: left; font-weight: bold; color: #666; }
.remove_info{ display: inline-block; width: 10px; height: 10px; padding: 3px; background: url(../images/icon/remove.png) no-repeat center center; cursor: pointer; vertical-align: middle; transition: all .2s; }
.remove_info:hover{ transform: rotate(-180deg); }
.system_msg_list .msg_content{ padding: 5px 0; line-height: 20px; color: #666; font-size: 12px; }
.system_msg_list .msg_footer{ height: 22px; line-height: 22px; }
.system_msg_list li.default .msg_title{ color: #999; }
.system_msg_list li.default .msg_content{ color: #bbb; }
.system_msg_list .remove_info_btn{ opacity: 0; transition: all .2s; }
.system_msg_list li:hover .remove_info_btn{ opacity: 1; }
.user_content .batch_remove{ padding: 0 4px; color: #3488ea; cursor: pointer; transition: all .2s; }
.user_content .batch_remove:hover{ color: #aaa; }
.system_msg_list li .select_btn{ position: absolute; top: 15px; left: 10px; }


.Write_private_msg{ padding: 2px 4px; color: #3488ea; transition: all .2s; }
.Write_private_msg:hover{ color: #aaa; }
.private_letter{  }
.private_letter li{ position: relative; padding: 12px 35px; background-color: #fff; border-radius: 3px; overflow: hidden; margin-bottom: 10px; }
.private_letter .private_user{ width: 60px; height: 60px; border-radius: 50%; overflow: hidden; margin-right: 20px; }
.private_letter .private_user img{ width: 100%; height: 100%; }
.private_letter .private_name{ width: 100%; padding-top: 5px; line-height: 26px; margin-bottom: 5px; }
.private_letter .private_name span{ max-width: 40%; float: left; line-height: 26px; font-weight: bold; margin-right: 5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.private_letter .private_content{ line-height: 20px; color: #999; }
.private_letter .remove_private_box{ position: absolute; right: 30px; bottom: 15px; }
.private_letter .remove_private_btn{ padding: 0 2px; height: 20px; line-height: 20px; color: #3488ea; cursor: pointer; }
.private_letter .remove_private_btn:hover{ color: #aaa; }
.private_letter .remove_private_btn:hover i{ background-position-x: -34px; }

.private_msg_content{ width: 466px; height: 239px; padding: 15px 0 10px; border-radius: 5px; margin-left: -233px; margin-top: -100px; }
.private_msg_content .private_msg_title{ height: 26px; line-height: 26px; padding: 0 16px 10px; border-bottom: 1px solid #eee; }
.private_msg_content .private_msg_form{ padding: 20px 42px 0; }
.private_msg_content .private_msg_form input[type="text"]{ width: 100%; padding-left: 10px; height: 40px; line-height: 40px; background-color: #f4f4f4; box-sizing: border-box; }
.private_msg_content .private_msg_form textarea{ width: 100%; height: 70px; padding: 5px; box-sizing: border-box; background-color: #f4f4f4; border-radius: 5px; }


.write_read_letter{ border-radius: 5px; background-color: #fff; }
.write_read_letter .write_read_content{ width: 684px; border-right: 1px solid #eee; }
.write_read_letter .write_read_title{ position: relative; height: 44px; line-height: 44px; padding: 0 70px; text-align: center; border-bottom: 1px solid #eee; overflow: hidden; }
.write_read_letter .write_read_title>span{ display: inline-block; max-width: 40%; height: 44px; line-height: 44px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: normal; }
.write_read_letter .write_read_title>em{ display: inline-block; overflow: hidden; }
.write_read_letter .get_back_letter{ padding: 5px; position: absolute; top: 10px; left: 30px; height: 16px; line-height: 16px; cursor: pointer; }
.write_read_letter .get_back_letter:hover i{ background-position-x: -18px; }
.write_read_letter .warn_hint{ padding: 5px; position: absolute; top: 10px; right: 30px; height: 16px; line-height: 16px; cursor: pointer; }

.write_read_letter .connection_list{ width: 249px; }
.write_read_letter .connection_list_title{ height: 44px; line-height: 44px; padding-left: 16px; border-bottom: 1px solid #eee; }

.write_read_modules{ padding: 20px 35px; height: 520px; overflow: auto; }
.write_read_modules .data_box{ height: 22px; text-align: center; padding: 10px 0; }
.write_read_modules .date{ display: inline-block; min-width: 40px; padding: 0 20px; height: 22px; line-height: 22px; text-align: center; background-color: #b2b2b2; color: #fff; border-radius: 3px; }
.write_read_modules .read_modules{ position: relative; overflow: hidden; padding-bottom: 30px; margin-bottom: 10px; }
.write_read_modules .read_img{ width: 50px; height: 50px; border-radius: 50%; overflow: hidden; }
.write_read_modules .read_img img{ width: 100%; height: 100%; }
.write_read_modules .read_details{ position: relative; padding: 14px 10px; line-height: 22px; max-width: 50%; min-width: 15%; background-color: #f4f4f4; border-radius: 3px; }
.write_read_modules .f_l.read_details::before{ content: ''; border: 10px solid transparent; border-right-color: #f4f4f4; position: absolute; top: 15px; left: -20px; }
.write_read_modules .f_r.read_details::before{ content: ''; border: 10px solid transparent; border-left-color: #f4f4f4; position: absolute; top: 15px; right: -20px; }
.write_read_modules .read_time{ position: absolute; bottom: -25px; right: 10px; color: #999; }

.write_modules{ padding: 20px 30px 20px 35px; border-top: 1px solid #eee; overflow: hidden; }
.write_modules .write_user{ width: 50px; height: 50px; border-radius: 50%; overflow: hidden; }
.write_modules .write_user img{ width: 100%; height: 100%; }
.write_modules .write_text{ width: 440px; height: 50px; border-radius: 5px; padding: 5px; background-color: #f4f4f4; }

.connection_list_content{  }
.connection_list_content li{ padding: 10px 5px 10px 10px; overflow: hidden; border-bottom: 1px solid #eee; cursor: pointer; transition: all .2s; }
.connection_list_content .connection_user{ width: 30px; height: 30px; border-radius: 50%; overflow: hidden; margin-right: 10px; margin-top: 8px; }
.connection_list_content .connection_user img{ width: 100%; height: 100%; }
.connection_list_content li:hover,.connection_list_content li.cur_default{ background-color: #f8f8f8; border-color: #f8f8f8; }

.whistle_blowing_conent{ width: 466px; min-height: 240px; padding: 15px 0 16px; border-radius: 5px; margin-left: -233px; margin-top: -10%; }
.whistle_blowing_conent .whistle_blowing_title{ height: 26px; line-height: 26px; padding: 0 16px 10px; border-bottom: 1px solid #eee; }
.whistle_blowing_conent .whistle_blowing_form{ padding: 20px 42px 0; }
.whistle_blowing_conent textarea{ width: 100%; height: 40px; padding: 5px; box-sizing: border-box; background-color: #f4f4f4; border-radius: 5px; }
.whistle_blowing_conent .report_list{  }
.whistle_blowing_conent .report_list span{ float: left; height: 22px; line-height: 22px; margin: 0 15px 10px 0; }

.leave_comment{  }
.leave_comment li{ padding: 5px 35px; position: relative; border-radius: 5px; background-color: #fff; margin-bottom: 10px;}
.leave_comment .comment_title{ height: 28px; line-height: 28px; border-bottom: 1px solid #eee; color: #999; position: relative; }
.leave_comment .comment_modules{  }
.leave_comment .sel-list-comment{border-bottom: 1px solid #ddd;}
.read em{color: #87bdfc;}



/*yuexin gai*/
.chat-fun-b-bar{text-align: right;font-size: 0;padding: 5px 0;}
.chat-fun-b-bar .reply-btn{height: 20px;display: inline-block;vertical-align: top;margin-right: 20px;}
.chat-fun-b-bar .reply-btn .icon{display: inline-block;width: 20px;height: 20px;background: url(../images/sel-icons-img.png) no-repeat -160px -100px;vertical-align: top;margin-right:3px;}
.chat-fun-b-bar .reply-btn:hover .icon{background: url(../images/sel-icons-img.png) no-repeat -180px -100px;}
.chat-fun-b-bar .reply-btn .text{display: inline-block;font-size: 12px;line-height: 20px;margin-left: 0;vertical-align: top;color: #ababab;}
.chat-fun-b-bar .dialogue-btn{height: 20px;display: inline-block;vertical-align: top;margin-right: 20px;}
.chat-fun-b-bar .dialogue-btn .icon {display:inline-block;vertical-align:top;width:20px;height:20px;background:url(../images/sel-icons-img.png) no-repeat -180px -120px;margin-right:3px;}
.chat-fun-b-bar .dialogue-btn .text{display: inline-block;font-size: 12px;line-height: 20px;margin-left: 0;vertical-align: top;color: #ababab;}
.chat-fun-b-bar .inform-btn{height: 20px;display: inline-block;vertical-align: top;margin-right: 20px;}
.chat-fun-b-bar .inform-btn .icon {display:inline-block;vertical-align:top;width:20px;height:20px;background:url(../images/sel-icons-img.png) no-repeat -160px -80px;margin-right:3px;}
.chat-fun-b-bar .inform-btn:hover .icon {background:url(../images/sel-icons-img.png) no-repeat -180px -80px;}
.chat-fun-b-bar .inform-btn .text{display: inline-block;font-size: 12px;line-height: 20px;margin-left: 0;vertical-align: top;color: #ababab;}



.sel-reply-model{position:fixed;width:460px;height:280px;left:50%;top:50%;margin:-140px 0 0 -230px;
    z-index:100;background-color:#fafafa;display: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}

.sel-reply-model .model-title{height:30px;padding:10px;line-height:30px;text-align:center;position:relative;font-size:16px;color:#333;border-bottom:1px solid #e7e7e7;font-weight: normal;}


.sel-reply-model .model-title .close-btn{position:absolute;width:14px;height:14px;right:20px;top:18px;background:url(../images/sel-icons-img.png) no-repeat -280px 0;overflow:hidden}

.sel-reply-model .model-title .close-btn:hover{-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);}

.sel-reply-model .reply-model-body{padding: 35px 60px 0;}

.sel-reply-model .reply-model-body .reply-val{width: 100%;height: 100px;-webkit-box-sizing:border-box;-moz-box-sizing: border-box;box-sizing: border-box;
    border: 1px solid #ececec;padding: 8px;line-height: 24px;font-size: 14px;color: #666;margin-bottom: 24px;box-shadow: none;}



.sel-reply-model .reply-model-body .submit-reply-btn{display: block;width: 100%;line-height: 40px;text-align: center;;background-color: #3488ea;font-size: 16px;color: #fff;
-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}












.leave_comment .comment_user_name{ height: 24px; line-height: 24px; font-weight: bold; }
.leave_comment .comment_user_talk{ line-height: 20px; color: #999; }
.leave_comment .comment_user_portrait{ width: 62px; height: 62px; border-radius: 50%; overflow: hidden; margin-right: 20px; }
.leave_comment .comment_user_portrait img{ width: 100%; height: 100%; }
.leave_comment .comment_content{ padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee; position: relative; }
.leave_comment .comment_content:last-child{ border-bottom-width: 0; }
.leave_comment .leave_modules{ padding: 5px; display: none; }
.leave_comment .leave_modules textarea{ width: 730px; height: 68px; padding: 5px; border: 1px solid #e2e2e2; background-color: #f9f9f9; }
.leave_comment .comment_leave{ position: absolute; bottom: 20px; right: 0; /*opacity: 0;*/ transition: all .2s; }
.leave_comment .remove_comment{ opacity: 0; transition: all .2s; }
.leave_comment li:hover .remove_comment{ opacity: 1; }
.leave_comment .comment_content:hover .comment_leave{ opacity: 1; }
/*user message list*/


/*The designer applied to join*/
.upload_btn{ display: inline-block; width: 40px; height: 40px; background: url(../images/icon/addition.png) no-repeat 0 0; cursor: pointer; }
.enter_application{ padding: 30px 50px 8px; background-color: #fff; border-radius: 5px; }
.enter_application .accession_clause{ color: #3488ea; text-decoration: underline; cursor: pointer; transition: all .2s; }
.enter_application .accession_clause:hover{ color: #aaa; }
.enter_application .identity_card_list{  }
.enter_application .identity_card_list>div,.enter_application .template_img{ width: 280px; height: 170px; border-radius: 5px; background-color: #fff; border: 1px solid #f8f8f8; overflow: hidden; position: relative; }
.enter_application .identity_card_list>div img,.enter_application .template_img img{ width: 100%; height: 100%; }
.enter_application .identity_card_list .method{ position: absolute; top: 65px; left: 65px; padding-left: 45px; }
.enter_application .identity_card_list .upload_btn{ position: absolute; top: 0; left: 0; }
/*The designer applied to join*/


/*Designer home*/
.stylist_bgc{ min-width: 1200px; height: 350px; overflow: hidden; position: relative; }
.stylist_bgc .fitment_finish{ width: 100px; position: absolute; top: 70px; right: 10%; text-align: center;  }
.stylist_bgc .fitment_finish .fitment_list{ display: inline-block; width: 34px; height: 20px; line-height: 20px; background-color: #24363e; cursor: pointer; }
.stylist_bgc .fitment_finish .fitment_content{ display: none; margin-top: 20px; padding: 5px 0; background-color: #999; border-radius: 3px; position: relative; }
.stylist_bgc .fitment_finish .fitment_content:before{ content: ''; border: 10px solid transparent; border-bottom-color: #999; position: absolute; top: -20px; left: 40px; }
.stylist_bgc .fitment_finish p{ line-height: 24px; }
.stylist_bgc .fitment_finish a{ color: #fff; }
.stylist_bgc .fitment_finish p:hover{ background-color: #aaa; }
.stylist_bgc .fitment_finish .dropDown_icon{ margin: 5px 0; transition: all .3s; }
.stylist_bgc .fitment_finish:hover .dropDown_icon{ transform: rotate(180deg); }
.stylist_bgc .fitment_finish:hover .fitment_content{ display: block; }
.stylist_bgc .data_list{ height: 62px; position: absolute; bottom: 20px; left: 50%; margin-left: -600px; text-align: center; }
.stylist_bgc .data_list .data_modules{ width: 230px; color: #fff; position: relative; }
.stylist_bgc .data_modules p:first-child{ line-height: 24px; }
.stylist_bgc .data_modules p:last-child{ line-height: 34px; font-size: 26px; }
.stylist_bgc .data_modules:first-child:before{ content: ''; display: inline-block; height: 44px; width: 1px; background-color: #999; position: absolute; top: 7px; right: 0; }


.stylist_data{ position: relative; width: 1200px; min-width: 1200px; padding-top: 80px; margin: 0 auto; }
.stylist_data .stylist_avatar{ width: 130px; height: 130px; position: absolute; top: -70px; left: 50%; margin-left: -65px; border-radius: 50%; overflow: hidden; }
.stylist_data .stylist_avatar img{ width: 100%; height: 100%; }
.stylist_data .info_box{  }
.stylist_data .more_info{ width: 80%; padding: 10px 0; margin: 0 auto; }
.stylist_data .more_info p,.stylist_info .more_info span{ line-height: 26px; color: #666; }

.stylist_info_models{ width: 1200px; min-width: 1200px; margin: 0 auto; }
.stylist_info_models li{ width: 280px; margin-right: 25px; margin-bottom: 25px; }
.stylist_info_models li:nth-child(4n){ margin-right: 0; }

.stylist_model_nav{text-align: center; background: url(../images/stylist_model_nav.jpg) repeat-x 0 59px; height: 140px; position: relative; }
.stylist_model_nav ul{ margin: 0 auto; display: inline-block; }
.stylist_model_nav ul li{ float: left; }
.stylist_model_nav ul li a{ height: 60px; display: block; font-size: 16px; line-height:60px; margin: 0 20px; }
.stylist_model_nav ul li.sel a{ height: 58px; line-height: 58px; border-bottom: 2px solid #3488ea; }
.stylist_model_nav ul li ul{display: block; position: absolute; width: 1200px; left: 50%; margin-left: -600px; display: none; background-color: #FFFFFF; z-index: 2; }
.stylist_model_nav ul li.sel ul,.stylist_model_nav ul li:hover ul{display: block;}
.stylist_model_nav ul li.sel ul{ z-index: 1; }
.stylist_model_nav ul li ul li span{ line-height: 80px; padding: 0 15px; font-size: 14px; color: #999999; }
.stylist_model_nav ul li.sel ul li a,.stylist_model_nav ul li:hover ul li a{ margin: 25px 5px; height: 30px; line-height: 30px; padding: 0 25px; border: 0px;  font-size: 14px; color: #666666; border-radius: 3px; }
.stylist_model_nav ul li.sel ul li a:hover,.stylist_model_nav ul li:hover ul li a:hover{ color: #3488ea; }
.stylist_model_nav ul li.sel ul li.sel a,.stylist_model_nav ul li:hover ul li.sel a{ background-color: #cbcbcb; color: #FFFFFF; }

.stylist_visitor_box{ width: 280px; border-radius: 5px; background-color: #fff; }
.stylist_visitor_box .visitor_label{ height: 28px; line-height: 28px; border-bottom: 1px solid #eee; padding: 10px 20px 6px 8px; font-size: 16px; }

.without-visitor{line-height: 24px;padding: 15px;text-align: center;color: #999;font-size: 14px;}
.stylist_visitor_lists li{ float: left; width: 86px; padding: 10px 0; text-align: center; }
.stylist_visitor_lists .stylist_visitor_img{ width: 60px; height: 60px; border-radius: 50%; overflow: hidden; margin: 0 auto 5px; }
.stylist_visitor_lists .stylist_visitor_img img{ width: 100%; height: 100%; transition: all .2s; }
.stylist_visitor_lists .stylist_visitor_img img:hover{ -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.stylist_visitor_lists{ padding: 10px; }
.stylist_visitor_lists .name{ height: 24px; line-height: 24px; color: #999; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.stylist_visitor_lists .date{ height: 20px; line-height: 20px; font-size: 12px; color: #ccc; }

.leave_msg_modules{ width: 905px; border-radius: 5px; background-color: #fff; }
.leave_msg_modules .leave_msg_search{ padding: 25px; height: 40px; border-bottom: 1px solid #eee; }
.leave_msg_modules .search_msg{ width: 720px; height: 38px; padding: 0 10px; border: 1px solid #ececec; background-color: #f7f7f7; border-radius: 5px; }
.leave_msg_modules .sub_leave_msg{ display: inline-block; width: 90px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; background-color: #3488ea; color: #fff; border-radius: 5px; cursor: pointer; transition: all .2s; }
.leave_msg_modules .sub_leave_msg:hover{ color: #fff; background-color: #135eb5; }

.leave_msg_modules .leave_modules textarea{ width: 700px; }
.leave_msg_modules .comment_content{ border-color: transparent; }
.leave_msg_modules .stylist_reply{ width: 50%; padding: 10px; background-color: #f7f7f7; border-radius: 5px; position: relative; margin-left: 70px; }
.leave_msg_modules .reply_bgc_icon{ display: inline-block; border: 10px solid transparent; border-bottom-color: #f7f7f7; position: absolute; top: -20px; left: 20px; }
.leave_msg_modules .stylist_reply .reply_avatar{ width: 40px; height: 40px; border-radius: 50%; overflow: hidden; margin-right: 10px; }
.leave_msg_modules .stylist_reply .reply_avatar img{ width: 100%; height: 100%; }
.leave_msg_modules .stylist_reply .reply_conent{ width: 86%; }
.leave_msg_modules .stylist_reply .reply_name{ height: 26px; line-height: 26px; }
.leave_msg_modules .stylist_reply .reply_text{ line-height: 20px; color: #999; }
.leave_msg_modules .examine_reply{ padding: 5px 0; border-bottom: 1px solid #eee; }
.leave_msg_modules .examine_reply span{ height: 20px; line-height: 20px; cursor: pointer; color: #999; margin-left: 20px; }
.leave_msg_modules .examine_reply span:hover{ color: #333; }

.reply_msg_layer{ max-height: 500px; overflow: auto; }
.reply_msg_layer li{ margin: 0 20px; padding: 10px 0; border-bottom: 1px solid #eee; overflow: hidden; }
.reply_msg_layer .reply_avatar{ width: 40px; height: 40px; border-radius: 50%; overflow: hidden; margin-right: 12px; }
.reply_msg_layer .reply_avatar img{ width: 100%; height: 100%; }
.reply_msg_layer .reply_content{ width: 86%; }
.reply_msg_layer .reply_name{ line-height: 22px; margin-bottom: 5px; }
.reply_msg_layer .reply_text{ line-height: 22px; margin-bottom: 5px; color: #999; }
.reply_msg_layer .reply_inform{ display: inline-block; height: 20px; line-height: 20px; color: #999; cursor: pointer; }
.reply_msg_layer .reply_inform:hover{ color: #333; }

/*Designer home*/


/**修改上传照片1/25*/
.up-img-section{float: left;width: 280px;height: 170px;background-color: #e8e8e8;margin-right: 50px;position: relative;}
.up-img-section .img-container{width: 280px;height: 170px;}
.up-img-section .up-section{position: absolute;left: 0;top:65px;height: 40px;z-index:80;}
.up-img-section .up-section .icon{display: inline-block;vertical-align:top;width: 40px;height: 40px;background: url(../images/sel-icons-img.png) no-repeat -320px -40px;}
.up-img-section .up-section .text{display: inline-block;vertical-align:top;height: 40px;line-height: 20px;width:80px;padding-left:3px;font-size: 14px;color: #666;}
#frontage-listBox,#back-listBox{display: none;}


/*Designer home*/



/*头像*/
.upload_portrait_box .p_t_40 img{ width: 130px; height: 130px; border-radius: 65px; overflow: hidden; }


/*装饰主页*/
.decorate{width:100%;position:fixed; _position:absolute;top:0px;_top: expression(eval((document.body.clientHeight-document.documentElement.clientHeight)>document.documentElement.scrollTop?document.documentElement.scrollTop:(document.body.clientHeight-document.documentElement.clientHeight))); height: expression(eval(document.documentElement.clientHeight)); height:100%; z-index:10003; top:0px; left:0px; display: none;}
.decorate_bg{ width:100%; height:100%;height: expression(eval(document.documentElement.clientHeight));background:#000; position:absolute; top:0px; left:0px; opacity:0.3;-moz-opacity:0.3; filter:alpha(opacity=30);}
.decorate_uppop{ width: 463px; height: 412px; background-color: #FFFFFF; position: absolute; z-index: 1; top: 50%; left: 50%; margin: -206px 0 0 -231px; }
.decorate_uppop_title{ height: 48px; line-height: 48px; border-bottom: 1px solid #e7e7e7; font-weight: inherit; text-align: center; }
.decorate_uppop_close{ width: 48px; height: 48px; position: absolute; top: 0; right: 0; overflow: hidden; text-indent: -9000px; background: url(../images/iocn_decorate.png) no-repeat; }
.decorate_uppop_close:hover{ background-position: 0 -48px; }
.decorate_uppop_conter{ width: 300px; margin: 20px auto 0 auto; }
.decorate_uploading,.decorate_uppop_conter .uploadifive-button{ width: 138px; height: 38px; line-height: 38px; text-align: center; color: #999999; font-size: 16px; border: 1px solid #999999; display: block; }
.decorate_uppop_conter .uploadifive-button{ background: #FFFFFF; border-radius: 0px; float: left; text-shadow: none; }
.decorate_uppop_conter .uploadifive-button span{ color: #999; font-weight: 100; }
a.decorate_uploading:hover,.decorate_uppop_conter .uploadifive-button:hover{ background: #999999; color: #FFFFFF;  }
.decorate_uppop_conter .uploadifive-button:hover span{ color: #FFFFFF; }
.decorate_img{ height: 138px; border: 1px solid #dddddd; margin: 20px 0 0 0; background: url(../images/iocn_decorate.png) no-repeat -48px top; }
.decorate_img img{ width: 298px; height: 138px; }
.decorate_hint{ line-height: 24px; color: #999999; margin: 5px 0;}
.decorate_but_null,.decorate_but{ width: 130px; height: 40px; display: block; border-radius: 3px; background-color: #3488ea; color: #FFFFFF; font-size: 16px; line-height: 40px; text-align: center;}
.decorate_but_null{ height: 38px; line-height: 38px; border: 1px solid #3488ea; background-color: #FFFFFF; color: #3488ea; }
a.decorate_but:hover{ background-color: #1e6bc6; color: #FFFFFF }
a.decorate_but_null:hover{ color: #FFFFFF; background-color: #3488ea; }


/*头像*/
.upload_portrait_box .p_t_40 img{ width: 130px; height: 130px; border-radius: 65px; overflow: hidden; }




/*个人发票设置修改 乐欣1/31*/
.set-bill-r-block{float: right;width: 934px;}
.self-bill-wrapper{background-color: #fff;}
.set-bill-info{padding:30px 20px;}
.set-bill-info .bill-list-info{padding: 0 20px;}
.set-bill-info .title{height: 34px;border-bottom: 1px solid #ccc;padding-left: 20px;line-height: 34px;font-size: 16px;color: #666;font-weight: bold;margin-bottom: 12px;}
.bill-address-setting{padding:20px;}
.bill-address-setting .b-setting-title{height: 34px;border-bottom: 1px solid #ccc;padding-left: 20px;margin-bottom: 15px;}
.bill-address-setting .b-setting-title .b-s-t-text{float: left;line-height: 34px;color: #666;font-size: 16px;font-weight: bold;}
.bill-address-setting .b-setting-title .add-b-address-btn{float: right;line-height: 34px;color: #3488ea;font-size: 14px;}
.select-default-bar{height: 24px;padding: 0 0 0 20px;margin-bottom: 15px;}
.select-default-bar .self-check{float: left;width: 16px;height: 16px;margin: 4px 4px 0 0;}
.select-default-bar .default-a-label{float: left;line-height: 24px;color: #3488ea;font-size: 14px;}
.address-b-box{height: 150px;padding: 10px 50px;position: relative;}
.address-b-box .left-btn{position: absolute;width:30px;height:30px;background:url(../images/sel-icons-img.png) no-repeat -220px -120px;overflow:hidden;top:70px;left:10px;}
.address-b-box .left-btn.disable {background: url(../images/sel-icons-img.png) no-repeat -220px -80px;}
.address-b-box .right-btn{position:absolute;width:30px;height:30px;background:url(../images/sel-icons-img.png) no-repeat -260px -120px;overflow:hidden;top:70px;right:10px;}
.address-b-box .right-btn.disable{background: url(../images/sel-icons-img.png) no-repeat -260px -80px;}
.address-b-box .address-b-view{width: 100%;height: 150px;overflow: hidden;}
.address-b-box .address-b-items{height:150px;}
.address-b-box .address-b-items .s-address{width: 298px;height:133px;border:1px solid #e4e4e4;background:#f8f8f8;padding-top:15px;position:relative;float:left;margin-right:10px;}
.address-b-box .s-address .info-a-list{padding:0 10px 0 70px;position:relative;margin-bottom:10px;}
.address-b-box .s-address .info-a-list .list-a-note {line-height: 20px;position: absolute;left: 0;top: 0;width: 62px;text-align: right;color: #999;font-size: 14px;}
.address-b-box .s-address .info-a-list .name {line-height: 20px;font-size: 14px;color: #333;}
.address-b-box .s-address .info-a-list .set-default {position: absolute;top: 0;right: 12px;width: 60px;line-height: 20px;text-align: center;color: #3488ea;}
.address-b-box .s-address .info-a-list .phone-num {line-height: 20px;font-size: 14px;color: #333;}
.address-b-box .s-address .info-a-list .address-text{line-height: 20px;font-size: 14px;color: #333;}
.address-b-box .fun-a-bar{position:absolute;height:20px;width:100%;padding:0 20px;bottom:4px;
    -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:0;text-align:right;}
.address-b-box .fun-a-bar .editor-a-btn{display:inline-block;vertical-align:top;font-size:14px;color:#3488ea;padding:0 5px;}
.address-b-box .s-address .info-a-list .default-address{position: absolute;top: 0;right: 12px;width: 60px;line-height: 20px;background-color: #3488ea;text-align: center;color: #fff;}
.address-b-box .address-b-items .s-address.active{border: 1px solid #3488ea;}
.bill-table-wrapper{padding: 20px;}
.bill-table-wrapper .b-table-title{line-height: 40px;background-color: #f0f0f0;border-bottom:1px solid #ccc;padding-left: 10px;font-size: 16px;font-weight: bold;color: #666;}
.table-fitter-section{padding: 30px 20px 40px;height: 36px;background-color: #f8f8f8;}
.table-fitter-section .about-time{float: left;height: 36px;padding-right: 30px;}
.table-fitter-section .note{float: left;line-height: 36px;font-size: 14px;color: #999;margin-right: 8px}
.table-fitter-section .about-time .star-time{float: left;width: 120px;height: 22px;border: 1px solid #e0e0e0;padding:6px 5px;margin-right: 8px}
.table-fitter-section .about-time .end-time{float: left;width: 120px;height: 22px;border: 1px solid #e0e0e0;padding:6px 5px;}
.table-fitter-section .about-account{float: left;height: 36px;}
.table-fitter-section .about-account .low-account{float: left;width: 70px;height: 22px;border: 1px solid #e0e0e0;padding:6px 5px;margin-right: 8px}
.table-fitter-section .about-account .high-account{float: left;width: 70px;height: 22px;border: 1px solid #e0e0e0;padding:6px 5px;}
.table-fitter-section .doSearch-btn{float: right;height: 36px;width: 80px;color: #fff;background-color: #3488ea;line-height: 36px;text-align: center;
font-size: 14px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.bill-lists-wrapper .bill-lists-head{height: 50px;border-bottom: 1px solid #e0e0e0;}
.bill-lists-wrapper .bill-lists-head .bill-head-item1{float: left;width:54px;padding-left: 10px;}
.bill-lists-wrapper .bill-lists-head .bill-head-item2{float: left;width: 170px;text-align: center;color: #666;font-size: 14px;line-height: 50px;font-weight: bold;}
.bill-lists-wrapper .bill-lists-head .bill-head-item3{float: left;width: 260px;text-align: center;color: #666;font-size: 14px;line-height: 50px;font-weight: bold;}
.bill-lists-wrapper .bill-lists-head .bill-head-item4{float: left;width: 200px;text-align: center;color: #666;font-size: 14px;line-height: 50px;font-weight: bold;}
.bill-lists-wrapper .bill-lists-head .bill-head-item5{float: left;width: 200px;text-align: center;color: #666;font-size: 14px;line-height: 50px;font-weight: bold;}
.bill-lists-wrapper .bill-lists-head .bill-h-checkAll{float: left;width: 16px;height: 16px;margin: 17px 5px 0 0;}
.bill-lists-wrapper .bill-lists-head .checkAll-label{float: left;line-height: 50px;color: #3488ea;font-size: 14px;font-weight: bold;}
.s-bill-l{height: 60px;border-bottom: 1px solid #e0e0e0;}
.s-bill-l .b-list-item1{float: left;width: 54px;padding:22px 0 22px 10px;height:16px;}
.s-bill-l .b-list-item2{float: left;width:170px;height: 24px;line-height: 24px;padding:18px 0;font-size: 12px;font-weight: bold;color:#333;text-align: center;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
.s-bill-l .b-list-item2 .list-note{color: #999;font-weight: bold;}
.s-bill-l .b-list-item3{float: left;width:260px;padding: 18px 0;text-align: center;line-height: 24px;font-size: 16px;color: #333;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;height: 24px;}
.s-bill-l .b-list-item4{float: left;width:200px;padding: 18px 0;line-height: 24px;height: 24px;text-align: center;font-size: 14px;color: #3488ea;font-weight: bold;}
.s-bill-l .b-list-item5{float: left;width:200px;padding: 18px 0;line-height: 24px;height: 24px;text-align: center;font-size: 14px;color: #333;}
.bill-lists-wrapper .extend-more-bar{padding: 20px;text-align:center;}
.bill-lists-wrapper .extend-more-bar .do-more-btn{display: inline-block;width: 100px;height: 26px;border: 1px solid #3488ea;line-height: 26px;
    -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;font-size: 14px;color: #3488ea}
.bill-table-wrapper .account-num-section{background-color: #f0f0f0;padding: 25px 230px;}
.bill-table-wrapper .account-num-section .account-bar{height: 30px;margin-bottom: 5px;}
.bill-table-wrapper .account-num-section .has-select-bill{float: left;line-height: 30px;font-size: 14px;color: #666;}
.bill-table-wrapper .account-num-section .all-bill-account{line-height: 30px;font-size: 18px;color: #83cc27;}
.bill-table-wrapper .account-num-section .valid-bill-account{line-height: 30px;font-size: 18px;color: #3488ea;}
.bill-table-wrapper .account-num-section .valid-bill{float: right;line-height: 30px;font-size: 14px;color: #666;}
.bill-table-wrapper .account-num-section .get-bill-btn{display: block;line-height: 44px;text-align: center;background-color: #3488ea;
font-size: 16px;color: #fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.bill-list-info .list-info{position: relative;padding-left:100px;margin-bottom: 20px;}
.bill-list-info .list-info .l-info-note{position: absolute;left: 0;top:0;line-height: 28px;font-size: 14px;color: #999;}
.bill-list-info .list-info .info-item-radio{float: left;height: 28px;margin-right: 20px;}
.bill-list-info .list-info .info-item-radio .info-i-r{float: left;width: 16px;height: 16px;margin: 6px 5px 0 0}
.bill-list-info .list-info .info-item-radio label{float: left;line-height: 28px;font-size: 14px;color: #333;}
.bill-list-info .list-info .bill-head-input{border: 1px solid #ddd;line-height: 26px;height: 26px;width: 200px;padding: 0 6px;background-color: #f8f8f8;font-size: 14px;}

/*icon*/
.grade_banner_top,.grade_versions,.grade_progress_cont,.icon_grade_attention,.icon_grade_collect,.icon_grade_uploading,.icon_grade_download,.icon_grade_indent,.icon_grade_login,.icon_grade_signin,.icon_grade_share,.icon_grade_consumption,.icon_info_versions,.grade_firm_versions,.icon_info_firm_versions,.icon_shop_level,.icon_personal_level{ background: url("../images/icon_grade.png") no-repeat;}
.grade_banner_top{ height: 200px; width: 200px; margin: 30px auto 14px auto; background-position: -150px 0; overflow: hidden;}
.grade_versions{ width: 110px; height: 100px; margin:25px auto 0 auto; display: block; }
.grade_versions.versions_2{ background-position: 0 -100px;}
.grade_versions.versions_3{ background-position: 0 -200px;}
.grade_versions.versions_4{ background-position: 0 -300px;}
.grade_versions.versions_5{ background-position: 0 -400px;}
.grade_versions.versions_6{ background-position: 0 -500px;}
.grade_versions.versions_7{ background-position: 0 -600px;}
.grade_versions.versions_8{ background-position: 0 -700px;}
.grade_progress_cont{ width: 88px; height: 30px; line-height: 24px; text-align: center; color:#361f62; display: block; background-position: -150px -200px;}
.icon_grade_attention,.icon_grade_collect,.icon_grade_uploading,.icon_grade_download,.icon_grade_indent,.icon_grade_login,.icon_grade_signin,.icon_grade_share,.icon_grade_consumption{ width: 100px; height: 100px; display: block; background-position: -350px 0; margin: 33px auto 0 auto; position: relative;}
.icon_grade_collect{ background-position: -350px -100px;}
.icon_grade_uploading{ background-position: -350px -200px;}
.icon_grade_indent{ background-position: -350px -300px;}
.icon_grade_download{ background-position: -350px -400px;}
.icon_grade_login{ background-position: -350px -500px;}
.icon_grade_signin{ background-position: -350px -600px;}
.icon_grade_share{ background-position: -350px -700px;}
.icon_grade_consumption{ background-position: -350px -800px;}
.icon_info_versions{ width: 40px; height: 40px; display: block; background-position: -110px 0; margin: 0 auto;}
.icon_info_versions.versions_2{background-position: -110px -40px;}
.icon_info_versions.versions_3{background-position: -110px -80px;}
.icon_info_versions.versions_4{background-position: -110px -120px;}
.icon_info_versions.versions_5{background-position: -110px -160px;}
.icon_info_versions.versions_6{background-position: -110px -200px;}
.icon_info_versions.versions_7{background-position: -110px -240px;}
.icon_info_versions.versions_8{background-position: -110px -280px;}
.grade_firm_versions{ width: 126px; height: 100px; display: block; background-position: -450px 0; margin: 20px auto 0 auto;}
.grade_firm_versions.versions_2{ background-position: -450px -100px;}
.grade_firm_versions.versions_3{ background-position: -450px -200px;}
.grade_firm_versions.versions_4{ background-position: -450px -300px;}
.grade_firm_versions.versions_5{ background-position: -450px -400px;}
.grade_firm_versions.versions_6{ background-position: -450px -500px;}
.grade_firm_versions.versions_7{ background-position: -450px -600px;}
.grade_firm_versions.versions_8{ background-position: -450px -700px;}
.grade_firm_versions.versions_9{ background-position: -450px -800px;}
.grade_firm_versions.versions_10{ background-position: -450px -900px;}
.grade_firm_versions.versions_11{ background-position: -450px -1000px;}
.grade_firm_versions.versions_12{ background-position: -450px -1100px;}
.grade_firm_versions.versions_13{ background-position: -450px -1200px;}
.grade_firm_versions.versions_14{ background-position: -450px -1300px;}
.grade_firm_versions.versions_15{ background-position: -450px -1400px;}
.grade_firm_versions.versions_16{ background-position: -450px -1500px;}
.grade_firm_versions.versions_17{ background-position: -450px -1600px;}
.grade_firm_versions.versions_18{ background-position: -450px -1700px;}
.grade_firm_versions.versions_19{ background-position: -450px -1800px;}
.grade_firm_versions.versions_20{ background-position: -450px -1900px;}
.grade_firm_versions.versions_21{ background-position: -450px -2000px;}
.icon_info_firm_versions{ width: 46px; height: 40px; display: block; background-position: -576px 0; margin: 0 auto;}
.icon_info_firm_versions.versions_2{ background-position: -576px -40px;}
.icon_info_firm_versions.versions_3{ background-position: -576px -80px;}
.icon_info_firm_versions.versions_4{ background-position: -576px -120px;}
.icon_info_firm_versions.versions_5{ background-position: -576px -160px;}
.icon_info_firm_versions.versions_6{ background-position: -576px -200px;}
.icon_info_firm_versions.versions_7{ background-position: -576px -240px;}
.icon_info_firm_versions.versions_8{ background-position: -576px -280px;}
.icon_info_firm_versions.versions_9{ background-position: -576px -320px;}
.icon_info_firm_versions.versions_10{ background-position: -576px -360px;}
.icon_info_firm_versions.versions_11{ background-position: -576px -400px;}
.icon_info_firm_versions.versions_12{ background-position: -576px -440px;}
.icon_info_firm_versions.versions_13{ background-position: -576px -480px;}
.icon_info_firm_versions.versions_14{ background-position: -576px -520px;}
.icon_info_firm_versions.versions_15{ background-position: -576px -560px;}
.icon_info_firm_versions.versions_16{ background-position: -576px -600px;}
.icon_info_firm_versions.versions_17{ background-position: -576px -640px;}
.icon_info_firm_versions.versions_18{ background-position: -576px -680px;}
.icon_info_firm_versions.versions_19{ background-position: -576px -720px;}
.icon_info_firm_versions.versions_20{ background-position: -576px -760px;}
.icon_info_firm_versions.versions_21{ background-position: -576px -800px;}
.icon_shop_level{ width: 34px; height: 20px; display: inline-block; margin-right: 24px; background-position: -622px 0; }
.icon_shop_level.versions_2{ background-position: -622px -20px;}
.icon_shop_level.versions_3{ background-position: -622px -40px;}
.icon_shop_level.versions_4{ background-position: -622px -60px;}
.icon_shop_level.versions_5{ background-position: -622px -80px;}
.icon_shop_level.versions_6{ background-position: -622px -100px;}
.icon_shop_level.versions_7{ background-position: -622px -120px;}
.icon_shop_level.versions_8{ background-position: -622px -140px;}
.icon_shop_level.versions_9{ background-position: -622px -160px;}
.icon_shop_level.versions_10{ background-position: -622px -180px;}
.icon_shop_level.versions_11{ background-position: -622px -200px;}
.icon_shop_level.versions_12{ background-position: -622px -220px;}
.icon_shop_level.versions_13{ background-position: -622px -240px;}
.icon_shop_level.versions_14{ background-position: -622px -260px;}
.icon_shop_level.versions_15{ background-position: -622px -280px;}
.icon_shop_level.versions_16{ background-position: -622px -300px;}
.icon_shop_level.versions_17{ background-position: -622px -320px;}
.icon_shop_level.versions_18{ background-position: -622px -340px;}
.icon_shop_level.versions_19{ background-position: -622px -360px;}
.icon_shop_level.versions_20{ background-position: -622px -380px;}
.icon_shop_level.versions_21{ background-position: -622px -400px;}
.icon_personal_level{ width: 20px; height: 20px; display: inline-block; background-position: -656px 0; }
.icon_personal_level.versions_2{ background-position: -656px -20px; }
.icon_personal_level.versions_3{ background-position: -656px -40px; }
.icon_personal_level.versions_4{ background-position: -656px -60px; }
.icon_personal_level.versions_5{ background-position: -656px -80px; }
.icon_personal_level.versions_6{ background-position: -656px -100px; }
.icon_personal_level.versions_7{ background-position: -656px -120px; }
.icon_personal_level.versions_8{ background-position: -656px -140px; }


/*个人等级*/
.grade_banner,.grade_banner_firm{ height: 360px; background: url("../images/grade_banner.jpg") no-repeat center; overflow: hidden;}
.grade_banner_firm{ background: url("../images/grade_banner_firm.jpg") no-repeat center; }
.grade_banner_top p{ color: #feffff; line-height: 30px; text-align: center; font-weight: bold; font-size: 16px;}
.grade_progress{ width: 540px; margin: 0 auto; position: relative;}
.grade_progress_bg,.grade_progress_leg{ background-color: #361f62; height: 10px; border-radius: 5px;}
.grade_progress_leg{ background-color: #fed44b;}
.grade_progress_bg_hint{ line-height: 60px; text-align: right; color: #FFFFFF; font-size: 16px; font-weight: bold;}
.grade_progress a{ position: absolute; color: #FFFFFF; text-decoration: underline; left:730px; width: 135px; top: 70px;}
.grade_progress a:hover{ text-decoration: none;}
.grade_personage{ background-color: #f4f4f4;}
.grade_crumbs{ height: 50px; line-height: 50px;}
.grade_task{ height: 200px; background-color: #FFFFFF;}
.grade_task_list{ width: 25%; float: left;}
.grade_firm_list{ width: 20%; float: left;}
.grade_task_hint{ width: 30px; height: 30px;  background-color: #fed44b; border-radius: 15px; color: #FFFFFF; line-height: 30px; text-align: center; position: absolute; top: -8px; right: -8px;}
.grade_task_conter{ line-height: 50px; text-align: center; font-size: 18px;}
.grade_personage_table,.grade_firm_table{ border-bottom: 1px solid #989898; width: 600px; margin: 60px auto 65px auto;}
.grade_firm_table{ width: 1200px;}
.grade_personage_table th,.grade_firm_table th{ background-color: #bbbbbb; height: 54px; line-height: 54px; font-size: 18px; font-weight: 100; }
.grade_personage_table td,.grade_firm_table td{ line-height: 52px; text-align: center; background-color: #FFFFFF; border-left: 1px solid #989898;  border-top: 1px solid #989898; font-size: 18px;}
.grade_personage_table td.b_r_1,.grade_firm_table td.b_r_1{ border-right: 1px solid #989898; margin: }

/*提现*/
/*公用*/
.input_text{ height: 30px; line-height: 30px; width: 260px; padding: 0 19px; border: 1px solid #dddddd;}
.input_text:focus,.input_gray:focus{-webkit-transition:border linear .2s,box-shadow linear .2s;-moz-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s; position: relative; background-color: #FFFFFF; border-color: rgba(82, 168, 236, 0.8);-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);}
.input_gray{ height: 44px; line-height: 44px; border-radius: 5px; border: 1px solid #e4e4e4; background-color: #f4f4f4; padding: 0 19px; width: 380px;}
.input_gray.w_230{ width: 230px;}
/*icon*/
.icon_bank{ background: url("../images/icon_withdraw_bank.png") no-repeat;}
.icon_bank{ width: 180px; height: 48px; display: block;}
.icon_withdraw_bank2{ background-position: -180px 0;}
.icon_withdraw_bank3{ background-position: -360px 0;}
.icon_withdraw_bank4{ background-position: 0 -48px;}
.icon_withdraw_bank5{ background-position: -180px -48px;}
.icon_withdraw_bank6{ background-position: -360px -48px;}
.icon_withdraw_bank7{ background-position: 0 -96px;}
.icon_withdraw_bank8{ background-position: -180px -96px;}
.icon_withdraw_bank9{ background-position: -360px -96px;}
.icon_withdraw_bank10{ background-position: 0 -144px;}
.icon_withdraw_bank11{ background-position: -180px -144px;}
.icon_withdraw_bank12{ background-position: -360px -144px;}
.icon_withdraw_bank13{ background-position: 0 -192px;}
.icon_withdraw_bank14{ background-position: -180px -192px;}
.icon_withdraw_bank15{ background-position: -360px -192px;}
.icon_withdraw_bank16{ background-position: 0 -240px;}
.icon_withdraw_bank17{ background-position: -180px -240px;}
.icon_withdraw_bank18{ background-position: -360px -240px;}
.icon_withdraw_bank19{ background-position: 0 -288px;}
.icon_withdraw_bank20{ background-position: -180px -288px;}
.icon_withdraw_bank21{ background-position: -360px -288px;}
.icon_withdraw_bank22{ background-position: 0 -336px;}
.icon_withdraw_bank23{ background-position: -180px -336px;}
.icon_withdraw_bank24{ background-position: -360px -336px;}
.icon_withdraw_bank25{ background-position: 0 -384px;}
.icon_withdraw_bank26{ background-position: -180px -384px;}
.icon_withdraw_bank27{ background-position: -360px -384px;}
.icon_withdraw_bank28{ background-position: -0px -432px;}
.icon_withdraw_bank29{ background-position: -180px -432px;}


.user_withdraw{ background-color: #FFFFFF; padding: 60px 0; margin-bottom: 45px;}
.user_withdraw_name{ width: 450px; float: left; font-size: 14px; text-align: right;}
.user_withdraw_input{ width: 730px; float: right;}
.user_withdraw_input_a{ float: left; font-size: 12px; line-height: 30px; color: #3488ea;}
.user_withdraw_input_a:hover{ text-decoration: underline;}
.user_withdraw_bank,.user_withdraw_bank_add{ width: 268px; height: 48px; line-height: 48px; display: block; border: 1px solid #dddddd; padding: 0 15px; margin-bottom: 20px;}
.user_withdraw_bank i{ float: left;}
.user_withdraw_bank:hover,.user_withdraw_bank.sel{ border: 1px solid #3488ea;}
.user_withdraw_bank.sel{ background: url("../images/user_withdraw_bank.jpg") no-repeat right bottom;}
.user_withdraw_bank_add{ text-align: center; color: #999999;}
.user_withdraw_bank_add:hover{ color: #666666; border: 1px solid #cccccc;}
.user_withdraw_bank_add:active{ border: 1px solid #aaaaaa;}
.user_withdraw_but{ height: 32px; line-height: 32px; width: 100px; border-radius: 5px; display: block; margin: 20px auto; background-color: #3488ea; color: #FFFFFF; text-align: center;}
.user_withdraw_but.w_80{ width: 80px;}
.user_withdraw_but:hover{ background-color: #1f70cd;}
.user_withdraw_but:active{background-color: #145db2;}

.bank_uppop{width:100%;position:fixed; _position:absolute;top:0px;_top: expression(eval((document.body.clientHeight-document.documentElement.clientHeight)>document.documentElement.scrollTop?document.documentElement.scrollTop:(document.body.clientHeight-document.documentElement.clientHeight))); height: expression(eval(document.documentElement.clientHeight)); height:100%; z-index:1000; top:0px; left:0px; display: none; }
.bank_uppop_bg{ width:100%; height:100%;height: expression(eval(document.documentElement.clientHeight));background:#000; position:absolute; top:0px; left:0px; opacity:0.3;-moz-opacity:0.3; filter:alpha(opacity=30);}
.bank_uppop_cont{ width: 500px; height: 362px; background-color: #FFFFFF; z-index: 1; position: absolute; top:50%; left: 50%; margin: -181px 0 0 -250px;}
.bank_uppop_close{ width: 53px; height: 53px; position: absolute; top:0px; right: 0px; background: url("../images/icon_user_withdraw.png") no-repeat;}
.bank_uppop_close:hover{ background-position: 0 -53px;}
.bank_uppop_title{ height: 53px; line-height: 53px; border-bottom: 1px solid #eeeeee; text-align: center; font-size: 16px;}
.bank_uppop_name{ float: left; width: 135px; text-align: right; padding: 5px;}
.bank_uppop_input{ float: right; width: 345px; padding: 5px;}
.bank_select{ position: relative;}
.bank_select_top{ width: 298px; height: 48px; border: 1px solid #dddddd; display: block;}
.bank_select_top:hover,.bank_select.sel .bank_select_top{ border: 1px solid #3488ea;}
.bank_select_top i{ margin-left: 40px; float: left;}
.bank_select_top_right{ width: 40px; height: 48px; display: block; float: right; background: url("../images/icon_user_withdraw.png") no-repeat 0 -106px #dddddd;}
.bank_select_top:hover .bank_select_top_right,.bank_select.sel .bank_select_top .bank_select_top_right{ background: url("../images/icon_user_withdraw.png") no-repeat 0 -156px #3488ea;}
.bank_select_list{ width: 790px; background-color: #FFFFFF; height: 150px; border-left: 1px solid #dddddd; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; overflow: hidden; position: absolute; top: 50px; left: 0; display: none;}
.bank_select_list a{ display: block; width: 168px; float: left; margin: 5px; border: 1px solid #dddddd; padding: 0 0 0 10px; background-color: #FFFFFF;}
.bank_select_list a:hover{ border: 1px solid #3488ea;}
.password_uppop_cont{ width: 472px; height: 358px; background-color: #FFFFFF; z-index: 1; position: absolute; top:50%; left: 50%; margin:-179px 0 0 -236px; }
.password_uppop_cont.h_420{ height: 420px; margin:-210px 0 0 -236px;}

.null_but{ border: 1px solid #2495e4; color: #2495e4; width: 138px; height: 44px; line-height: 44px; text-align: center; font-size: 14px; display: block; border-radius: 5px;}
a.null_but.not{ border: 1px solid #cccccc; background-color: #cccccc; color: #FFFFFF}
.null_but:hover{ background-color: #2495e4; color: #FFFFFF;}
.null_but:active{ background-color: #117bc5; color: #FFFFFF;}
.user_withdraw_hint{ padding: 20px 0 0 350px; height: 300px;}
.icon_withdraw_hint{ height: 87px; width: 53px; float: left; background: url("../images/icon_user_withdraw.png") no-repeat -53px 0; margin-top: 20px;}
.user_withdraw_hint_right{ line-height: 40px; float: left; margin-left: 50px; font-size: 12px;}
.user_withdraw_hint_right h3{ font-weight: 100; font-size: 18px;}
.user_withdraw_hint_right a{ color:#3488ea; margin-left: 35px;}
.user_withdraw_hint_right a:hover{ text-decoration: underline;}

/*签到弹出层*/
.signin_uppop_cont{ width: 398px; height: 234px; position: absolute; z-index: 1; top: 50%; left: 50%; background-color: #FFFFFF; margin: -117px 0 0 -199px; }
.icon_signin{ display: block; width: 67px; height: 71px; background: url(../images/icon_user_withdraw.png) no-repeat -106px 0; margin: 30px auto 20px auto; }
.signin_uppop_cont p{ line-height: 40px; text-align: center; font-size: 16px; }





/*我的评价**/
.my-evaluate{padding-bottom: 10px;}
.eva-model-arg{height: 300px;padding-left: 460px;position: relative;padding-right: 215px;margin-bottom: 22px;}
.eva-model-arg .model-img-l{width: 400px;height: 300px;position: absolute;left: 0;top:0;overflow: hidden;
    -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.eva-model-arg .model-img-l img{vertical-align: top;width: 100%;height: 100%}
.eva-model-arg .eva-model-name{height: 28px;font-size:20px;color: #333;font-weight: bold;}
.eva-model-arg .eva-tag-text{height: 20px;line-height: 20px;font-size: 14px;color: #999;margin-bottom: 20px;}
.eva-arg-lists .list{padding-left: 140px;height: 30px;position: relative;margin-bottom: 6px;}
.eva-arg-lists .list .note{position: absolute;width: 90px;line-height: 30px;left: 0;top:0;font-size: 12px;text-align: right;color: #333;}
.eva-arg-lists .list .all-price{font-size: 24px;line-height: 30px;color: #3488ea;font-weight: bold;}
.eva-arg-lists .list .express-price{font-size:12px;line-height: 30px;color: #333;}
.eva-arg-lists .list .star-bg{float: left;width: 70px;height:14px;background: url("../images/sel-icons-img.png") no-repeat -340px -14px;overflow: hidden;margin:8px 20px 0 0;}
.eva-arg-lists .list .active-star-bg{display: block;width: 100%;height: 14px;background: url("../images/sel-icons-img.png") no-repeat -340px 0;overflow: hidden;}
.eva-arg-lists .list .scored-text{float: left;line-height: 30px;font-size: 12px;color: #666;}
.eva-arg-lists .list .scored-text .scored-num-text{color: #333;}
.eva-arg-container{background-color: #fff;padding: 12px 90px 12px 30px;}
.eva-arg-container .arg-title{line-height: 28px;font-size: 14px;color: #666;}
.eva-arg-container .list-item{line-height: 24px;float: left;width: 50%;font-size: 14px;color: #999;}
.issue-eva-section{background-color: #fff;padding:22px 0 36px;margin-bottom: 30px;}
.issue-eva-title{line-height: 28px;font-size: 16px;font-weight: bold;padding-left: 235px;color: #333;margin-bottom:22px }
.issue-eva-table{width: 720px;margin: 0 auto 30px;border-left: 1px solid #ddd;border-top: 1px solid #ddd;}
.issue-eva-table td{border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.issue-eva-table .note-td{background-color: #efefef;text-align: center;}
.issue-eva-table .note{line-height: 24px;font-size: 14px;color: #333;padding: 20px 10px;}
.issue-eva-table .stars-box{font-size: 0;float: left;padding-left: 60px;padding-right: 50px}
.issue-eva-table .stars-box .s-star{display: inline-block;vertical-align: top;width: 40px;height: 40px;margin-right: 10px;background: url("../images/sel-icons-img.png") no-repeat -300px -80px;overflow: hidden;}
.issue-eva-table .stars-box .s-star.active{background: url("../images/sel-icons-img.png") no-repeat -340px -80px;}
.issue-eva-table .star-eva-text{float: left;line-height:20px;padding: 10px 0;font-size: 14px;color:#333;}
.issue-eva-table .issue-eva-area{height: 120px;position: relative;}
.issue-eva-table .issue-eva-area .text-count{position: absolute;right: 5px;bottom: 2px;line-height: 20px;font-size: 13px;color: #666;}
.issue-eva-table .issue-eva-area .input-val{border:none;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;width: 100%;height: 100%;
    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;resize: none;padding: 5px;}
.issue-eva-section .post-bar{font-size: 0;text-align: center;}
.issue-eva-section .post-bar .post-btn{display: inline-block;width: 112px;height: 40px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
background-color: #3488ea;color: #fff;font-size: 14px;line-height: 40px;}
.issue-eva-table .img-container{overflow: hidden;padding-left: 25px;}
.issue-eva-table .img-container .s-img{float: left;width: 68px;height: 68px;border: 1px solid #ddd;overflow: hidden;margin: 0 12px 12px 0;position: relative;}
.issue-eva-table .img-container .s-img img{vertical-align: top;width: 100%;height: 100%;}
.issue-eva-table .img-container .s-img .delete-btn{position: absolute;width: 16px;height: 16px;background: url("../images/sel-icons-img.png") no-repeat -180px -240px;overflow: hidden;top:0;right:0;}
.table-upload-bar{height: 55px;padding: 8px 0 20px 25px;position: relative;}

.table-upload-bar #img-queue{position:absolute;left: 150px;top:0;}
.table-upload-bar .upload-btn{display: inline-block;width: 52px;height: 52px;background: url("../images/sel-icons-img.png") no-repeat -220px -200px;overflow: hidden;vertical-align: top;}
.table-upload-bar .upload-btn:hover{ opacity: 0.8; }
.table-upload-bar .upload-btn input{ height: 100%; }
.table-upload-bar .img-count{display: inline-block;height:20px;padding: 16px 10px;vertical-align:top;font-size: 14px;color: #666;}
.model-img-box{width:450px;height:100px;padding:8px 32px 8px 45px;background-color:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position: relative;}
.model-img-box .left-btn{position: absolute;width: 9px;height: 15px;left: 20px;top:50px;background: url("../images/sel-icons-img.png") no-repeat -300px -120px;overflow: hidden;}
.model-img-box .left-btn.disable{background: url("../images/sel-icons-img.png") no-repeat -300px -140px;}
.model-img-box .right-btn{position: absolute;width: 9px;height: 15px;right: 20px;top:50px;background: url("../images/sel-icons-img.png") no-repeat -320px -120px;overflow: hidden;}
.model-img-box .right-btn.disable{background: url("../images/sel-icons-img.png") no-repeat -320px -140px;}
.model-img-box .viewport{height: 100px;overflow: hidden;width: 448px;}
.model-img-box .slide-imgs-box{height: 100px;}
.model-img-box .slide-imgs-box .s-img{width: 100px;height: 100px;float: left;overflow: hidden;margin-right: 12px;
    -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.model-img-box .slide-imgs-box .s-img img{vertical-align: top;width: 100%;height: 100%;}


.general-eva{width: 1280px;padding-bottom: 10px;}
.general-eva .component-item{float: left;width: 365px;height: 120px;background-color: #fff;margin:0 80px 20px 0;padding-left: 195px;position: relative;}
.general-eva .component-item img{position: absolute;left: 0;top:0;width: 160px;height: 120px;}
.general-eva .component-item .main-title{line-height: 30px;font-size: 20px;color: #333;font-weight: bold;padding-top: 5px;height: 30px;overflow: hidden;text-overflow: ellipsis;
white-space: nowrap;}
.general-eva .component-item .sub-title{line-height: 22px;font-size:14px;color: #999;height: 22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.general-eva .component-item .num-price-bar{position: absolute;width: 365px;height: 30px;left: 0px;bottom: 15px;padding-left: 195px;line-height: 30px;
font-size: 24px;color: #3488ea;font-weight: bold;}
.general-eva .component-item .num-price-bar .note{display: inline-block;vertical-align: top;width: 100px;line-height: 30px;font-size: 14px;color: #333;}
.general-eva .component-item .num-price-bar .comonent-num{position: absolute;right: 10px;top:0;line-height: 30px;font-size: 16px;color: #333;}